Prolem with mobile menu on phone

Support
#1

Hi, we have three sites with the latest Xthem and Cornerstone installed. the mobile menu on two of the sites working, but not working on https://tmgr.com
I have checked the console, there’s no js error, and we don’t have any cache plugin.

#2

Hi Zach,

Thank you for writing in, I don’t see any JS error nor cache on that site most likely that is a custom CSS issue. Please copy all your custom CSS in Theme Options > CSS and check it here then address all found errors.

To test, you can remove all your custom CSS in Theme Options > CSS for a while and test your mobile menu.

Let us know how it goes,
Cheers!

#3

You are right! Friech, I isolated the issue to this block of code, but the csslint just has warning for ie6. Can you see anything wrong here?

@media (max-width: 1000px) {
.masthead-inline .x-btn-navbar {
display: block;
float: right;
}
.x-nav-wrap.desktop {
display: none;
}
.x-nav-wrap.mobile {
display: none;
}
.x-nav-wrap.mobile.collapse.in {
display: block;
}
}

#4

Hello Zach,

You will need to update your code and use this instead:

@media (max-width: 1000px) {
    .masthead-inline .x-btn-navbar {
        display: block;
        float: right;
    }
    
    .x-nav-wrap.desktop {
        display: none;
    }

    .x-nav-wrap.mobile {
        display: none;
    }
    
    .x-nav-wrap.mobile.x-collapsed {
        display: block;
    }
}

We would love to know if this has worked for you. Thank you.

#5

It’s working great! thanks very much

#6

You’re welcome!
We’re glad we were able to help you out.

#7

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