Mobile menu not working anymore after update

Support
#1

After updating theme to latest version. Mobile menu is not working (collapsing) anymore. Please have a look at: https://dierenartsenzondergrenzen.be/

Deleting cache isn’t helping.

Best regards, Seppe

#2

Hello @seppeg,

Thanks for asking. :slight_smile:

Please follow up the steps below:

  1. Go to X > Settings and click on the Clear Style Cache button.
  2. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.
  3. Test for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
  4. Remove custom CSS and Javascript from the options or Child Theme and test the case.
  5. Reset your htaccess file by renaming it to .htaccess-bak. Then in WP Admin Menu, go to Settings > Permalinks and just click the Save Changes button.
  6. Increase the PHP Memory Limit of your server. Click here for more detailed information and how to increase the PHP memory limit.

If you still have problems kindly get back to us with the result of the steps above and User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thank you.

#3

Hello @Prasant,

I tried those but it’s not helping. I see that most of my other websites have the same issue. The mobile navigation isn’t working properly anymore. I’m downgrading now back on this website.

Please have a look at:

The mobile navigation is always open and doesn’t close anymore…?

Best regards, Seppe

#4

Hi Seppe,

It seems like you’re doing something in the child theme’s style.css file, that overwrites the default styling of the theme. You might have other issues than the mobile menu because of this:

https://koopeengeit.be/wp-content/themes/pro-child/style.css

https://straffesites.be/wp-content/themes/pro-child/style.css

Try removing those custom CSS and see if that resolves the issue.

Thanks,

#5

Hi @friech, I found the problem. I had a custom _nav-primary.php file. With custom code. I changed it. Now I would like to remove the animation of the mobile menu when it appears. I want it only to show and hide without animation when you click the hamburger menu. How can I do that?

Thanks, Seppe

#6

Hello Seppe,

Thanks for updating. :slight_smile:

Please add following CSS under Pro > Theme Options > CSS to remove mobile menu dropdown animation:

.x-nav-wrap.mobile.collapse {
    transition: opacity 1.5s linear;
}

.x-nav-wrap.mobile {
    transition: opacity 2s linear;
}

If you would like to learn more about CSS transition property, pease take a look at following resource:

https://www.w3schools.com/css/css3_transitions.asp

Thanks.

#7

Thanks a lot!

Best regards, Seppe

#8

You are most welcome. :slight_smile:

#9

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