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

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

<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? Nov 18, 2014 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, 2014 at 14:58
  • I believe just adding a media query alone won't make it responsive (atleast in SharePoint world) Nov 18, 2014 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, 2014 at 15:01

1 Answer 1


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 and acknowledge you have read our privacy policy.

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