Mobile menu button does not work

[bluekat]

It is there, but does not function.

[mldarshana]

Hi There,

Thanks for writing in! Upon testing, it seems that you have updated Cornerstone plugin recently but you have forgotten to update X theme which cause this issue. You can check the latest version numbers from here (https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195).

You need to update your X theme as well and then make sure to purge your server cache as and also clear your browser cache before testing your site again.

Hope that helps.
Thanks!

[bluekat]

Thank you, that worked! Now the mobile button works, but the menu item line height is huge! I see how to change the size of the mobile menu button, but how do you change the line height of the menu items?

[jade]

Hi there,

Please update this code:

.x-navbar-fixed-top-active .x-navbar .x-nav > li > a {
    height: 94px;
    padding-top: 37px;
}

to

.x-navbar-fixed-top-active .x-navbar .desktop .x-nav > li > a {
    height: 94px;
    padding-top: 37px;
}

[bluekat]

Thanks! That worked too. Now the only problem is that when the mobile menu button is activated and shows the menu, the background is transparent so you see the blogposts underneath if you start to scroll down.

[nabeel]

Hi again,

Try adding the following code in the Theme Options > CSS:

@media screen and (max-width: 979px) {
    .x-navbar-inner {
        background: #fff;
    }
}

Hope this helps!