0

I am hunting for some help to do sharepoint site responsive. I just started to look into css media queries but it did not work. Any thoughts on this.? I am adding simple

<style>
#customDiv {background-color: lightgreen;}
@media screen and (max-width: 500px) {
#customDiv{
background-color: lightblue;
}
}
</style>​​

<div id="customDiv">

​​​​

Resize the browserwindow. When the width of this document is less than 300 pixels, the background-color is "lightblue", otherwise it is "lightgreen".

any inputs will be better as I am new to this responsive design.

  • which Responsive Framework you are using? – Amal Hashim Nov 18 '14 at 14:37
  • no..at this moment I am not using any framework just trying to avoid that. just using media queries.! But doesnt work..it works in fiddle.. – Rajeev K Nov 18 '14 at 14:58
  • I believe just adding a media query alone won't make it responsive (atleast in SharePoint world) – Amal Hashim Nov 18 '14 at 15:00
  • yeah..it looks like this..! any suggestions on frameworks or any other way to make it responsive will be helpful ..:) – Rajeev K Nov 18 '14 at 15:01
0

Branding SharePoint can be a fun, rewarding yet often times challenging endeavor. SharePoint is extremely powerful, but with that power comes complexity that makes its way into the front end HTML, JavaScript and CSS as well. You throw Responsive Web Design principles and a grid layout, which is all of the rage right now in web design, and you might be in for it.

For SharePoint one is readily available http://responsivesharepoint.codeplex.com/

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.