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

CSS

Posted by Brett Anthony
Brett Anthony
4,289 Points

Help with a personal project

Hi all

I have built a website for a friends jewellers business ( www.johnmedhurst.co.uk )

I have one bug that I don't know how to solve! When. Viewing the site on and iphone, if the user zooms in (pinch or double tap) the page response and scales up how ever the header bar, which is a fixed element, takes up too much room! What I think I need is for the header element not to be scaled up when a user zooms in!

Does this require a media query? Or is there another solution I'm missing?

Any help appreciated!

Cheers Brett

1 Answer

Jake Craige
Jake Craige
4,913 Points
Jake Craige
Jake Craige
4,913 Points

Yeah, a media query would be able to adjust the css preferences to prevent it from scaling up like that.