Nav bar look on ipad

[logoglo]

Hi there.

http://txadproofs.com/columbusjellystone.com/

the menu is quite big, so when you view it on an ipad, it stacks, so the logo goes above the menu items, BUT its left justified. Is there a way I can have it stacked like this ONLY on ipads, but centered, so logo and menu items centered, logo on top of menu items.

BUT

Keep it as is for the desktop, ie logo left, menu right.

Thanks.

[Joao]

Hi There,

The best solution would be the mobile menu to appear sooner.

Please add the following code to Theme Options CSS

@media (max-width: 1320px) {
    a.x-btn-navbar {
        display: inline-block;
        float: right;
    }
   .x-nav-wrap.mobile.collapse.in {
      display: block;
    }
   .x-nav-wrap.desktop {
    display: none;
   }
}

Hope it helps

[logoglo]

Perfect! thanks.

[Joao]

You are welcome!

[logoglo]

Hi, just tested, its working ok, BUT on an ipad landscape the mobile menu doesnt work, it doesnt drop down…on portrait and mobiles it works fine.

[j0hnwat3rman]

I’m having the same issue here, as well.

[lely]

Hi @logoglo and @j0hnwat3rman,

We’re sorry for the inconvenience. Unfortunately, there is a known bug when menu threshold was adjusted. Please see this: https://theme.co/apex/forum/t/hamburger-menu-not-working-in-ipad-landscape/13751/2. The issue is still under investigation.