Nav Toggle Button Doesn't Work When Clicked on at Certain Screen Size

Hi, I’m having a bit of trouble trying to get the nav toggle button to work when you click on it when you view the website between 979-1129px. I’m hoping you’ll be able to help!

The URL is:
https://www.midlandupvccoatings.com/

Thanks!

Hi @core365,

Thanks for reaching out.
I have checked your website thoroughly and found the issue you described here. The Humberger menu does not show in the screen size you mentioned here, which means there might be some custom code that is setting the Humberger menu visible in this screen size, and that is the reason behind your issue. The script set the specific classes to show the Mobile menu only works for the specific predefined breakpoints, so if the menu set is visible for other breakpoints, the script will not work. I have also found that you are using the Pro, I would suggest you use the Header builder to create the customized header and set the Navigation elements visible and hidden using the Customize > Hide During Breakpoints. Please go through the following documentation which may help you.


And then you can add the following Navigation element for the desktop:

  1. Navigation Inline

And then you can add the following Navigation elements for smaller screen:

  1. Navigation Dropdown
  2. Navigation Modal
  3. Navigation Off Canvas

And adjust the Navigation by using the Customize > Hide During Breakpoint option to show/hide in the specific screen size.

Thanks

Hi @tristup,

Thanks for the info, however I wanted to keep the header as it currently is, I didn’t want to create one using the builder in Pro. I’ve found a work around it and the nav toggle button is now working!

Thanks

Hi @core365,

Glad to know that it is working now.

Thanks

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