Drop-down button in header not working

Hi,

My drop-down button in the header of my Integrity website isn’t working properly. Also on mobile, the same drop-down button doesn’t work.

I’m talking about the square button with the 3 horizontal lines. When I click it, nothing happens.

Is there a way to fix this?

Thanks!

Here’s the link to the website:

Summary

www.dymatics.com

Hi @Dymatics,

Thanks for writing in.

First, please check your setup if your are in the latest version.

for updating guide:

For latest version check:

If still not helping, please check for plugin conflict. You can do this by deactivating all third party plugins, and seeing 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.

Let us know how it goes!

Thanks :slight_smile:

Thanks for the quick reply! I figured out this code is preventing the button from working:

ul.x-nav {
display: none;
}

I added this code earlier because I didn’t want to see ‘assign a menu’ in the footer. This code removes it, however, it also makes the header button stop working.

Could you help me?

Hi There,

Please try with this CSS instead:

.x-colophon.bottom .x-nav {
display: none;
}

Thank you! That did the trick.

Glad that we could be of a help :slight_smile: