Landscape mode on a phone
Permalink Browser Info Environment
Is there a way to control the header when it's in landscape mode on a phone? I've added a logo that adds to the height. It's perfect in portrait mode. In landscape it eats up too much real estate. Is there a workaround? I'd be just fine hiding it in landscape. Everything I do controls the display in both portrait and landscape.
Type: | Discussion |
---|---|
Status: | New |
I'd recommend using media queries. For instance, you could add this CCS:
This should hide your logo in devices with a screen width under 768px and in landscape mode.
You could go a step further to make sure this only affects mobile devices:
Maybe you'll need to adjust the "767px" value to suit your needs.
Hope this helps!
Jordi