Jump to content

100% width based on orientation


bravo14

Recommended Posts

Hi Guys

 

I am using media queries to set a different CSS if a mobile device.  I am using 100% width on certain containers but the styling is using 100% based on the landscape orientation and not whichever way the device is being displayed.

 

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>

 

.slicknav_menu{

visibility:visible;
position:fixed;
top:0;
width:100%;
z-index:100;
}
 
as mentioned, this uses the landscape width even if the site is being displayed in portrait.
 
How can I fix this?
Link to post
Share on other sites
  • 2 months later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.