Dropdown menu not working on site

Design help General
1

Hi, everyone, I am having a issue of my dropdown menu. It doesn’t work when both publish and preview.

2

@shermen please include a read-only link to your project so people can better assist you.

3

https://preview.webflow.com/preview/mkt-hk?utm_medium=preview_link&utm_source=designer&utm_content=mkt-hk&preview=b3aff7d9c35bd69b9be0a3494daf1091&pageId=6017ba5e893a7f1b31c1c5a3&workflow=preview

@chris_loggins hi, here is the read only link. Thank you so much

4

@shermen I just took a look at your link and it seems the dropdown menus are both working at least on the preview version.

5

@chris_loggins yes, but when I publish it, its not working, here is the test link for my site.
https://mkt-hk.webflow.io/hkdse-courses

7

@shermen I want you to try resetting the display property on both the dropdown element and the drop-down list and then publish again to see what happens.

8

@chris_loggins what you mean is the “display layout” right ?

9

@shermen yes, under the Layout section of the style panel, reset the display property on both the dropdown classes and the Inten_dropdown classes.

10

@chris_loggins I have clicked the reset button for both classes. But seems not working.

11

That’s strange, the next thing I would like you to try is deleting those two dropdowns and then recreate them. This time, when you are designing the dropdowns, please do not touch the display properties. Instead, use the open/close menu button found in the element settings.

Let me know the results.

12

Sure, Will let you know the result. Thank you.

13

@chris_loggins Thank you for your help, I figured out why this happened to the site. Because I have a hided modal with relative z-index 9999, and I changed it to z-index 0 and it works. Again, Thank you so much.

14

@shermen wow, I didn’t even pay the modal any attention since it was hidden. Glad everything is fixed though.

15

@chris_loggins Thank you again. :slight_smile:

1 Like
16

Hello,

Here is your answer: On my list, scroll down to “Enable touch events,” which is about 1/4 of the way down. They were all set to “Automatic” on that PC and others I’ve tested since then. Change the selection next to “Automatic” to “Disabled.” Chrome will immediately prompt you to “Relaunch” the browser below.

I hope that it will help you. Read More About How to Set Drop Down Menu in WordPress?

Ok Bye, Have a Wonderful Day.

Regards,
Jyotish

1 Like
17

I have a project where in my navbar there is a dropdown menu, but in read-only mode it is not visible https://preview.webflow.com/preview/exnaton?utm_medium=preview_link&utm_source=designer&utm_content=exnaton&preview=f6929979a8dd0f15952e788a251eaf15&workflow=preview How can I fix that?

18

Good evening, Chris. I have a similar problem to Shermen’s except that my menu will expand but hides behind the lower section. Any ideas? Thank you so much.

19

Hi!

I have the same problem. Did you find the solution?

Thank you!