Mobile navigation not opening when clicked

We cannot open the mobile hamburger menu when clicking. Both theme x and Cornerstone are updated and we have cleared cache. Need help quickly, please.

Hi @dadodd,

It seems that the Hamburger Menu click event is not triggering while clicking into it.
I would suggest you troubleshoot a few common issues related to this error.

  1. CSS/JS Customization

  2. Plugin Conflict

  3. Disabling Cache

It’s important that you do not skip any of those troubleshooting procedures because they are all relevant to your case.

If none of the suggested solutions help, kindly provide us access to your site so that we can able to check your issue.
Please create a secure note with the following info:

– Link to your site
– WordPress Admin username / password

To know how to create a secure note, please check this out: https://theme.co/docs/getting-support

Thanks

Thanks @tristup

We’ve checked plugins and disabled cache, so we’re thinking it’s a CSS/JS conflict issue but we’ve had no luck inspecting so far. Any help would be much appreciated!

Hi @dadodd,

Can you please check whether the issue still exists after deactivating all the plugins, if the issue does not exist, please activate the plugins one by one and check if the issue is back. Please mark the specific plugin for which the issue comes back.

Also please check by activating the parent theme, whether the issue still exists or not, if not, it is certainly not in our theme.
Please remember that we don’t offer any support to the Third Party Plugin issue or issue related to any modified Child Theme.

Thanks

Hi @tristup ,

I tried that earlier and didn’t have luck. However, I looked in the inspect element error logs and it appears that we’re missing two javascript files (see attached). We restored a previous version of our site (pre-update to theme x and cornerstone) to our staging site and the JS errors are no longer there. Any ideas on why those are failing to load?


Thanks!

Hi Dallas,

Those errors are just missing source-maps. They are requested by developer tools (especially in Safari) when possible, but won’t interfere with anything.
Basically it’s a way to map a combined/minified file back to an unbuilt state. When you build for production, along with minifying and combining your JavaScript files, you generate a source map which holds information about your original files. When you query a certain line and column number in your generated JavaScript you can do a lookup in the source map which returns the original location.

So, basically you can ignore those errors. Please check out this link for more information (https://stackoverflow.com/questions/19550060/how-do-i-toggle-source-mapping-in-safari-7/19823890#19823890).

I suggest that you will create a copy of your live site to your staging area, an exact copy of the live site so that we can disable some plugins to find the culprit.

Hope that helps and let us know when the staging area is created the same copy on the live site.

Thank you.

Hi @cramaton

I deactivated all of my plugins (with the exception of Cornerstone), clear all my websites cache, and removed all custom javascript/CSS and still no luck…HOWEVER, when I activated the parent theme, the hamburger menu worked again…

So, just to recap what happened:

  1. I updated Theme X and Cornerstone
  2. I updated PHP to 7.4
  3. I updated Wordpress to 5.5
  4. The mobile hamburger menu stopped working when clicked
  5. I deactivated all plugins, cleared cache, and removed all custom CSS/JS
  6. When I removed the custom CSS/JS the hamburger menu opened up by default on mobile and would not close when clicked
  7. I activated the parent theme X and the menu worked as intended.

What do you think my options are at this point? Obviously I want to continue using the child theme, but I’m not sure what else to do now that I’ve removed all customization… I’ll post my site info as a secure note if you don’t mind taking a look as well.

Thank you!

Hey Dallas,

Thank you for providing the credentials. I checked your child theme and you had outdated code in the _nav-primary.php file located in framework/views/global/_nav-primary.php in your child theme.

I went ahead and updated the code and this has fixed the issue. Whenever you update the parent theme, always check and compare the customization in your child theme with the parent theme and update the code accordingly to avoid such issues.

Please clear all caches including your browser’s cache and check the mobile navigation now. Cheers!

That did it! Thanks very much, @nabeel and team - great work!

Hi Dallas,

It’s our pleasure to help you.

Thank you.

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