I hate how mobile devices screw with my design by collapsing boxes and stacking them on top of each other - here is a fix for that, if it's not already out there. Add this code to the Custom Code box:
<meta name=viewport content="width=1100, initial-scale=1.0">
under width= you should put the width of your .container. Hope that makes sense.
Replies
Thanks for sharing. Does this code override responsive design? Would be interested to see a side-by-side comparison of your mobile site.
Yes, it overrides responsive design. But, I'm not such a fan of that kind of site. I've talked to a number of people who say they just scroll to the bottom of a mobile site and look for the desktop version link.
For instance movietickets.com has a mobile splash page which asks if you'd like the mobile version or the desktop version - I wonder what their stats are for that.
My site has comments (activity feed box) and ads in the side bar. I prefer to keep them there at all time - I don't want them collapsing to the bottom.
Fair enough! Thanks for the clarification.
Allison, one thing to note with the mobile design - it stacks the main column and then the left column which is a problem since on most sites, the important content will be on the top of the page. Once stacked, they beginning of that row is too far down. Wondering if you can have it stagger how they're stacked on the mobile site. Then I'd feel more comfortable just leaving it as is. Hope this helps.
This also prevents Ning from swapping out the desktop navigation for your header with the mobile version (which I dislike).
I hear the argument for responsive design but I prefer mobile sites that look like their desktop counter-parts. If it's a site I've visited many time before then I know where everything is - so don't go mobile on me and mess everything up. If it's a new site, I get the suspicious feeling I'm not being shown everything that's in the desktop version. my two cents.
USeful tip SM, thanks for posting.
I only really find the portrait tablet responsive design unneccesary so I'll be sure to use it for that purpose.
SP