My website as it stands looks fine on mobile devices in portrait but in landscape the header takes up a significant amount of the screen and is position:fixed so will always display. Is there any way of targeting just mobile landscape using media queries to change the position of the header to relative?
My website as it stands looks fine on mobile devices in portrait but in landscape the header takes up a significant amount of the screen and is position:fixed so will always display. Is there any way of targeting just mobile landscape using media queries to change the position of the header to relative?
http://joshuajohnson.co.uk
Just another media query.
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
@media (orientation: landscape) {}