Docs

[RustyWood]

Hi, not sure why but I seem to be having a problem scrolling the menu on mobile ..
Tested it on the iPhone 5 in Safari and Chrome.
Appreciate any ideas why this is happening.
pace9.com
Thanks

[Thai]

Hi There,

To fix this issue, please add the following CSS under Customizer > Custom > Global CSS:

.x-navbar .mobile .x-nav {
    max-height: 500px;
    overflow-y: auto;
}

Hope it helps 🙂

[RustyWood]

Thanks Thai,

I usually add all CSS to the X – Child Theme: Stylesheet (style.css) is that the same as placing it inthe Customizer > Custom > Global CSS: this hasn’t fixed the problem! I can see the page scroll behind the menu on the iPhone but the menu itself will not scroll.

Thanks again.

[Rad]

Hi there,

It’s intentionally disabled on mobile because layout in mobile is more on vertical. Which means, the total height of the menu can be greater than the height of the device. If you’ll let your menu move as it scroll (fixed positioning), then there is no way for your visitor to click the menu items that happened to be outside the device height.

If I misunderstood it then please provide a video recording. I’m not getting any issue on mobile.

Thanks!

[RustyWood]

Hi no worries, just stripped out all the custom css.
Looks like I had something in there that was interfering with the menu. I’ll run though it and check what was causing the problem. Sorry to hassle you I usually do strip the CSS first before asking for help!

One thing I am having a problem with is mobile menu I have the hamburger with the word menu next to it

a.x-btn-navbar:after{
  content: "Menu";
}

on the iPhone 5 portrait the button is pushed down by the logo, I would like the logo and menu to be on the same line.

Thanks again

[Christian]

Please add the code below in your Appearance > Customize > Custom > CSS

@media (max-width: 320px) {
    .x-brand {
        max-width: 150px
    }
}

Hope that helps. 🙂

[RustyWood]

Perfect.. 🙂 thanks Christian.

[Christian]

You’re welcome. 🙂

[Author]

Posts