Hamburger Menu on Mobile

I am having trouble getting my menu on mobile to work correctly. There are a couple problems on two of my pages:

  1. Some pages the dropdown menu is transparent, other pages it is white, even though it is set to have a white background.
  2. When clicked on, the menu does not drop down.
  3. When dropped down (Not applicable for the website in which this functionality is present) the menu items are not clickable… the menu just closes again.

Here is my site Read-Only:

https://preview.webflow.com/preview/devwrx?preview=ee729e3a32deff9c8579ec27b4b4173a
https://preview.webflow.com/preview/devwrx-site-c85d76654ca37-771f2aeb7b3b1?preview=e346f505604b719ea9d7f8ba61f1a443

Hi @Alice_DuBois Welcome to the community! :smiley:

It looks like the navbar was set to display:inline;. Remove that style to default it to block and you should be good to go:

CloudApp

Hope this helps

THANK YOU for your help!


1 Like

Good morning,

I’m having the same trouble Alice was having with my drop down menu showing a transparent background when it should have a white background, but only on one page (the press page).

I’ve checked and my nav bar is set to “block”.

I’ve also made my nav bar a symbol so it shouldn’t really be possible for it to have different setting on different pages, should it?

Thanks a million for any help!
Viktoria

Here’s my read-only link : https://preview.webflow.com/preview/bks-2f5737?utm_medium=preview_link&utm_source=designer&utm_content=bks-2f5737&preview=5cfb9914ba484ee0d280f559e6efbb7b&mode=preview