Full NAV in Portrait Orientation for Tablets

[kennethfeldman]

Hi Jason,

Is there anyway to have the full navigation bar show in portrait orientation for tablets, instead of the little tab?

I like the little tab, however, I have a project where the client would like the full navigation bar in portrait orientation for tablet.

Thank you in advance for your feedback.

Topic

[Jason Bobich]

Hello,

This is determined in two places:

1) In style.css at what viewport you’re hiding the navigation. See the responsive styles at the end of the CSS file.

2) In /assets/js/theme.js of your child theme, what viewport is inputted into the toggleMenu function. By default it’s 979, but could be changed to 767.

You can see here the range of viewport sizes the framework considers tablets vs mobile.

http://dev.themeblvd.com/tutorial/responsive-utility-classes/

[kennethfeldman]

Hi Jason, that works as far as making the full navigation menu appear in portrait orientation on the iPad.

However if I rotate the iPad from portrait to horizontal and back, then the menu completely disappears once I return to portrait orientation.

If I refresh the screen, while remaining in portrait mode, then the menu reappears.

Any thoughts?

[kennethfeldman]

Hmmmm, never mind. It must be some type of conflict in the site I’m building.

I tested in a more stock version, and the changed you outlined work correctly.

I’ll figure this one out.

Thanks again!

[kennethfeldman]

Follow up:

I updated the core to v1.2.4 and my above issue was corrected.

Thank you again!!!

[Author]

Replies