Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Taylor Leach
Taylor Leach
12,348 Points
Posted by Taylor Leach
Taylor Leach
12,348 Points

Website won't show on my iPhone in 'mobile' version?

After following the steps and uploading my code to my website, I go to view it on my iPhone and it displays the site in 'full' view as if I were browsing from a desktop with a much larger screen :s why is this???! THANKS

3 Answers

Kay Ouchida
Kay Ouchida
10,480 Points
Kay Ouchida
Kay Ouchida
10,480 Points

The problem might be in your html, css, or something else entirely. Let's figure this out. Are you using media queries to snap your design to different styles when resizing the page? If so, have you linked your responsive css media query file to your html page correctly? When you view your webpage on a desktop and resize your browser to its thinnest state does your design change to your mobile page styling?

You might want to display your code in this forum post so we can figure out what's happening on your sites mobile version.

Aurelian Spodarec
Aurelian Spodarec
7,369 Points
Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Hi,

Did you use jQuery ? did you use fluid layout ? not fixed , not absolute and not pixels but instead did you use percentages? if no , then the site won't resize .

Taylor Leach
Taylor Leach
12,348 Points
Taylor Leach
Taylor Leach
12,348 Points

Upon further inspection I had missed a step placing

<meta name="viewport" content="width=device-width, initial-scale=1.0"> on the three pages.

now my problem is only the "about" page shows mobile view the other two pages show full sized desktop view.. any suggestions?

And it resizes on my desktop when i resize the browser

Kay Ouchida
Kay Ouchida
10,480 Points

Since your About page is now working I would suggest comparing your About page HTML to your other two page's HTML and see if you are missing anything.

Taylor Leach
Taylor Leach
12,348 Points
Taylor Leach
Taylor Leach
12,348 Points

honestly not sure what I did but it works now... thanks everyone