Menu not showing on Asus portrait view

Hi Mark,

Hope you’re doing well. The pixel size of the tablet screen actually has very little relationship to the physical width of the device. My guess is that the width of your tablet in landscape mode is actually 960px or larger. Most tablets in landscape mode are designed to show the “full size” desktop website.

You might want to go to this site: https://whatismyviewport.com/ and check what the actual pixel size of your viewport is.

The viewport meta tags also play a role here – but if the menu is showing up properly when the device is rotated, it sounds like the media queries are working properly and the viewport is probably just larger than you’re expecting.

Best,

Chris

Hi Mark,

Yup, that just means that the ASUS screen is 1024px or wider in landscape.

You can hide theirs by adding

.mk-header-inner

as a selector in the ShiftNav Control Panel (where you hide the theme menu) ??

Have a good one!

Chris

Fantastic Chris! Worked GREAT!! Looks so much nicer and cleaner. I really appreciate the help! No more mobile header…..Your products and service are top notch.

Regards, Mark

Hi Mark,

Part of that is just empty space at the top of your image, but you can shift it up like this

.shiftnav-main-toggle-content img{
    margin-top:-15px;
}

View post on imgur.com

Glad to hear it’s working well for you now ??

Have a good one,

Chris

Spectacular Chris! Looks great like your png screenshot. Threw it in CSS tweaks and worked like a charm! Mobile looks real nice now, thanks to you! I have recc ubermenu and shiftnav to the Jupiter theme developers.

Regards, Mark

You’re welcome, Mark, glad it helped! ??

Chris