Mobile header menu disappears after update x-theme

Support
#1

Hi there,

I have a small problem after updating to the latest version of the X-theme.
Desktop header-menu works fine but the mobile header-menu is disappearing.

I can’t figure out what goes wrong?

My set up:
X-Theme: latest version
Cornerstone: Latest version

Thx in advance for your great support!

#2

Hi Marco,

Thank you for writing in, but your mobile menu is present on my end (see screenshot below)

I notice that your X theme is not up to date (6.3.6), while your Cornerstone is. Please update your X theme to the latest version too.

Updating Your Themes and Plugins

Remember to clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Let us know how it goes,
Cheers!

#3

Hi,

The menu disappears on iPhone 6S after a few seconds. Also the menu and dropdown is transparent on mobile but shouldn’t be.

X-theme version is 6.3.8. No update available…?

#4

Hi,

To fix it, you can add the code below in Theme Options > CSS


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

Hope that helps

#5

Hi, Yes that fixed the disappearing problem. How ever the menu is still transparent on mobile? It should be opaque. Thx for the fast support.

#6

Hi,

Please change the code to this.

@media (max-width: 979px) {
.x-navbar,
.x-navbar.x-navbar-fixed-top  {
       position:relative !important;
       z-index:99999;
       background-color:#000 !important;
}
.home .masthead {
    position: relative !important;
}
}

You may change #000 to any color you like.

Hope that helps

#7

Hi, Yes, yes, yes!

This is how it was before the update :slight_smile:
Is something changed in the code otherwise I have to check more sites?

Thx for the fast support!

#8

Hi,

Nothing has changed in terms of css codes for the nav. It’s just that you have existing Custom CSS Codes that doesn’t seem to work anymore.

In your other sites try to clear plugin cache and browser cache first.

Make sure to do this every time you update.

Thanks

#9

Hi, Okay, thx!

#10

You’re welcome!

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.