Jump to content

100% width based on orientation


bravo14
 Share

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 comment
Share on other sites

  • 2 months later...
This thread is more than a year old.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • 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.