Support » Fixing WordPress » How to make a site theme responsive design?

  • So, I need to have a site so that it is responsive design capable. Does anyone happen to know of a way to make a site simply look good when it’s at a smaller screen? I know of the “css media” techniques, but not how to actually implement them.

    Would it be best to just modify the “twentyeleven” theme in percentages for widths, etc and hope that it would look good in a mobile device?

    Any help would be greatly appreciated.


Viewing 6 replies - 1 through 6 (of 6 total)
  • You’re in luck: Twenty Eleven is already responsive.

    so would that be the best bet then? Just making a site look good on that theme first in a normal browser, and then customizing it to look good in a mobile device?



    TwentyEleven is responsive, but not as much as it can be. It’s about as resposive as a fluid design site.

    For true responsiveness, you can show different navigation menus based on desktop/ipad/iphone displays, hide certain boxes / images, rescale layouts and change orders.

    It’s a hefty project to do, with the hard work really setting the framework out. There are some really good tutorials out there to get you going, including this one (not me).

    Setting out the styling is done through CSS, with media screen separations based on the display width. Once sorted though, it looks amazing on every device size. Well worth it 😉

    thanks for the reply.

    Hmm… going to try to just modify the 2011 theme to fit my layout. Hope I don’t screw it up.

    I’m currently using the “skeleton” responsive theme, but it’s hella messy to try to modify since there are tons of php queries

    also, holy shit, hat’s off to the creator of the 2011 theme. When you really get into it, it’s amazing how well organized it all is in 1 stylesheet.



    It is certainly a good theme to base a new theme on – I’ve built WordPress sites that are hugely customised but all started as TwentyEleven.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to make a site theme responsive design?’ is closed to new replies.