Nav menu is not collapsing anymore on mobiles and tablets

Support
#1

Hi support team,

It seems that the nav menu on mobile and tablet doesn’t work anymore after the latest theme update.

Website: www.forevermusic.nl

Do you know which css part I must update?

Thanks
Bouke

#2

Hi support team,

after updating is this issue fixed.

regards Bouke

#3

I have the same issue. WordPress 4.9.5, X 6.0.4, Cornerstone 3.0.4 - Please advise if these are not the latest release of all products. https://www.avfx.com

The mobile menu using an iPad mini in Landscape mode. The mobile menu will not close

This is a critical problem that needs immediate correction!

#4

@sharp-image,

Happy to hear that it is fixed already.

Feel free to ask us again.

Thanks.

@jvedder,

Thanks for writing in.

Your Child theme CSS lacks code that causing the site mobile menu for ipad mini is not working.

Add this lines below:

@media (max-width: 1060px)
.x-nav-wrap.mobile.x-collapsed{
display:none;
}

Let us know how it goes.

Thanks.

#5

Nico, Thank You! You provided a nuance code difference that corrected my problem. This attention to detail and corrective answer is why I use x and pro on all of my website builds. Please keep up the quality support - which is just as important as a quality product.

1 Like
#6

If you need anything else please let us know.

#7

Hi there, I’m having the same problem at carapace.ca - and other X sites I’m managing. The CSS code didn’t work for me. Can you help?

#8

Hey @alexgingras,

Please first ensure you’re using the latest version of X and Cornerstone because version incompatibility is usually the cause of mobile nav malfunction.

Regarding the CSS code provided previously, it has a syntax error.

You need to close the media query like this

@media (max-width: 1060px) {
.x-nav-wrap.mobile.x-collapsed{
display:none;
}
}

Thanks.

#9

That worked! Thanks! :slight_smile:

1 Like
#10