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![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![Sam Lillicrap](https://uploads.teamtreehouse.com/production/profile-photos/103681/micro_11350418_10204081760749079_8475297845236244158_n.jpg)
Sam Lillicrap
12,127 PointsWhy does my site disappear in landscape mode on iPad
Hi guys,
I recently came across a bug where if you view my site in landscape mode on the iPad (I'm using an iPad mini with retina) - the top section disappears from the page? I keep thinking it's something to do with my media queries but I just can't see how it can be. Can anyone help me out? Much appreciated! :-)
Here's the link to my site: http://www.samueljwebdesign.co.uk
Cheers
2 Answers
![Wayne Priestley](https://uploads.teamtreehouse.com/production/profile-photos/132928/micro_Joker.jpg)
Wayne Priestley
19,579 PointsHi Sam,
Might it have something to do with this?
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
maybe you could remove it just to test it.
Thats all i can think of if you've already counted out media quires. If you used a framework it could be a mistake in one of the html class names.
![Adam Fichman](https://secure.gravatar.com/avatar/d23f8ec47fdb4f407c5c5d2031f5ed6c?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Adam Fichman
9,502 PointsTry putting the viewport first like so.. meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
![Sam Lillicrap](https://uploads.teamtreehouse.com/production/profile-photos/103681/micro_11350418_10204081760749079_8475297845236244158_n.jpg)
Sam Lillicrap
12,127 PointsSadly that makes no difference :-( Cheers though
Sam Lillicrap
12,127 PointsSam Lillicrap
12,127 PointsCheers Wayne,
You were right but I need that code to make sure that the viewport cannot be scaled and displays at the right scale for mobile devices. It just seems strange that it suddenly doesn't work at a wider width... I'll have a play with the media queries again but if all else fails I might need to specify a new media query for landscape orientation and style it until it works!
Also no framework was used here really (used boilerplate code for favicons)
Wayne Priestley
19,579 PointsWayne Priestley
19,579 PointsThis is probably not right but what about having individually specifying the scale etc instead of comma separating themβ¦
Clutching at straws now lol
Sam Lillicrap
12,127 PointsSam Lillicrap
12,127 PointsI effectively already checked that by deleting out all the comma separated values and adding them one by one - but no luck yet :-(
Sure I'll figure it out!