Docs

[Dil]

Hi there,

When I open the menu on a mobile device and a screen test, and then open a sub menu, the menu does not scroll down for me to be able to see its contents or even my website. Please help, thanks!

[Dil]

This reply has been marked as private.

[Dil]

This reply has been marked as private.

[Christopher]

Hi there,

Mobile menu shouldn’t be fixed since it causes issues like yours, so please remove following code :

@media (max-width: 979px){
  .x-navbar-fixed-top, 
  .x-navbar-fixed-left, 
  .x-navbar-fixed-right {
    position: fixed;

  }
}

Customizer works fine, please see the attachment. Please check again and confirm me or let us know how we can replicate the issue.

Thanks.

[Dil]

Hi Christopher,

Thanks for your help, but I wanted to have it so that it is fixed. Isn’t it possible to keep it as it is but also fix that sub menu issue? Greatly appreciated, thanks.

As for the chrome issue, next time it arises I will have a recording for you.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px) {
.x-navbar.x-navbar-fixed-top {
    width:100%;
    max-height: 300px;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
}
}

[Dil]

Hi thanks for that but that code seems to be a little glitchy, could you try it on my site with using the sub menu?

Also my woocommerce tab in the customizer seem to be glitched as well: http://cl.ly/3p2D3y441s0O

[Dil]

This reply has been marked as private.

[Nabeel A]

Hi again,

To fix the issue properly you’ll need to make the Navbar static instead of fixed. Please remove the previous code first:

@media (max-width: 979px) {
.x-navbar.x-navbar-fixed-top {
    width:100%;
    max-height: 300px;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
}
}

Then add the following code in your Customizer:

@media (max-width: 979px) {
.x-navbar.x-navbar-fixed-top {
    position: static !important;
}
}

Fixed Navbar in smaller screens can only work with few menu items. If you’ve more than few items then it’s not recommended to make the Navbar fixed.

Hope this helps!

[Author]

Posts