[nnishizaka]

I’m trying to figure out how to display the full menu on my Tablet, which is the Nexus 7 2013 version. The resolution on the tablet is 1920 x 1200. When I view my website (http://nntechsolutions.com) on the tablet in portrait mode, the menu still turns into the mobile version. When I view it in landscape mode, the full menu appears.

I’d like to adjust this threshold, if possible, so that the full menu appears for high resolution tablets like mine, the retina iPads, etc.

Thanks for your help!

[ahmetsali]

Hi, edit css/main.css in theme folder in a text editor, and find line : 905, you will see;

@media (max-width: 767px) { 

this 767px is the threshold for mobile view. It means devices which width equal and lower than 767px will get the mobile view.

[nnishizaka]

It turns out that even though the Nexus 7 2013 version is 1920 x 1200, the Chrome browser reports its width as 600px wide, which explains why I don’t see the full menu. Bummer…

[ahmetsali]

yes, css width and real device width are different in high-res screens to provide consistency with the designs.