NavBar showing and working on preview but not live

Design help General
1

I am looking for some help, I am new to Webflow and having difficulties with the menu.

The website was previously designed before I joined my new company, I am currently updating and making the site more user friendly. I noticed the menu on mobile view was not working correctly. Long story short, although I made sure I was on mobile only it changed the main website.

As a result I re-created a dropdown menu. It was hiding behind other elements on the page. I changed the z-index value and overflow settings. This fixed it, however when I published the site it had a flashing on the drop down. I changed the close delay which fixed this.

Now my nav menu appears to be showing and working on the preview but not the live site. I am at a loss as I have looked through so many tips and troubleshooting I really do not know where I have gone wrong. I am not sure if i have inadvertently changed something while fixing the original problem. I have included a read only link below

Again I am new to Webflow so I am sure it is something simple I am missing, any help would be great

Thank you in advance

Maz

Here is my site Read-Only: [LINK](Webflow - Bonta Italia)
(how to share your site Read-Only link)

2

Hello,
Can you provide the url of your published website?

4

Hi, it will not allow me to post the ULR, if you serach for Bonta Italia, you will find it. Apologies and thank you

5

@MarketingBonta1

1. Re-check the Nav Menu’s visibility settings

  • Go to mobile view.
  • Select your nav menu (dropdown container).
  • Set Display: Block (not hidden).
  • Make sure no parent or ancestor is set to overflow: hidden.

2. Check Z-Index of Nav & Sibling Sections

  • Give your nav menu wrapper a higher z-index (like 9999).
  • Check if other sections (like hero or header) are set to a high z-index that may overlap.
  • Avoid nesting dropdowns inside elements that have overflow hidden.

3. Re-bind the Hamburger Icon

  • If you manually rebuilt the dropdown, make sure clicking the hamburger actually toggles the visibility.
  • Use Webflow’s built-in Navbar if you’re not confident with custom interactions, or add your own interaction like this:
    • Select hamburger → Add Interaction → On click → Toggle visibility of dropdown.

4. Republish the Site Fully

  • Go to Publish → Publish to Selected Domains.
  • Wait for it to finish and open in Incognito Mode.
6

Great thank you, I will give it a go and see. Much appreciated :slight_smile: