X Theme - menu not displaying on certain break points

Support
#1

Hi there, I did a site some years ago with X that my client has asked me to revisit.

On making the screen size smaller, there is a certain breakpoint at which the menu will not display when the mobile menu button is pressed. It works fine on a phone and very small screen sizes but it doesn’t display the menu between 980px and 1380px wide. Also, the hamburger is always visible as opposed to just being on the screen when the horizontal navigation disappears.

Thanks,
Shaun

#2

Hello Shaun,

Thanks for writing in!

In your X > Theme Options > CSS, you have added a custom CSS that modifies the default placement of the menu in your header.

.x-navbar{
    background-color:#ff0000;
}
.desktop .sub-menu{
    background-color:#ff0010;
    border-radius:4px;
    box-shadow:0 3px 5px rgba(0,0,0,0.25);
    display:none;
    float:left;
    font-size:13px;
    list-style:outside none none;
    margin:0;
    min-width:200px;
    padding:0.75em 0;
    position:absolute;
    z-index:1000;
}
.x-btn-navbar{
    display:block;
    float:right;
}
@media (max-width:1380px){
    .x-nav-wrap.desktop{
        display:none;
    }
}
.x-nav-wrap.mobile.collapse.in{
    display:block;
}
.x-btn-navbar.collapsed{
    background-color:#ff0000;
    box-shadow:0 0 0 transparent inset,0 1px 5px rgba(0,0,0,0.25);
    color:#fff;
}

Remove this CSS code block to resolve your issue. And by the way, be advised that we have released X 9.1.4 and Cornerstone 6.1.4 already. It is now available in automatic updates. You can now update to this latest version. This latest release contains fixes for several issues so be sure to check out the changelog (https://theme.co/content/pro5-1-x9-1-cornerstone6-1#changelog).

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

And please clear your browser cache too. You may use private browsing mode in testing your site to make sure that you are viewing the latest codes from the updates and not the cached version in your browser.

Best Regards.

#3

Thanks a lot, I didn’t realise it was pretty much the whole block!

One more thing, obviously I need to update X amd Cornerstone, they haven’t been touched for years. But neither update is showing in WordPress Updates page. Am I looking in the wrong place?

Thanks again.

#4

Hello Shaun,

You should be able to see the update notifications in Dashboard > Updates. Or you can just update the theme manually.

Thanks.

#5

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