The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Responsive design not working on iphone

  • # September 14, 2012 at 4:01 pm

    My first responsive project and it’s not as smooth as I hoped!

    I’ve completed an initial concept with break points at 768 and 480 and it breaks fine when I resize in the browser. I did a final test in my smart phone and I get the FULL SITE!

    I’ve been banging my head against the wall and I sure hope somebody can bail me out!

    You can see the page here –

    Also, when resizing my screen on a desktop, it breaks OK but I need to refresh at each point to force some elements in place…any way I can prevent that?

    Thanks so much!

    # September 14, 2012 at 4:30 pm

    This reply has been reported for inappropriate content.

    Have you added meta viewport settings in the head of your document?

    Details here:

    # September 17, 2012 at 9:40 am

    Found that there were TWO viewports…one overriding the other!

    # April 23, 2013 at 3:21 am is showing responsive design when i checked with online tool like but when i open the website in mobile it is showing mobile optimized website not the responsive design.

    Can anyone tell me whether any code need to be added for opening in mobile.

    I opened in HTC, Samsung mobiles both the mobile it is opening like mobile optimized website like what we see in desktop.

    Pls guide me

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed