Issue with navbar : Click doesn't work on hover

Design help General
1

Hi, I’m having an issue with my website’s navbar.
Indeed, when I slide any page a little bit down, and then I hover on my navbar, the elements open and I can’t click on my main titles anymore (Why, features, product, etc.)
It used to work and I don’t understand why it has stopped working.

Thanks in advance for your help
Best,

Eva

Here is my site Read-Only: Webflow - Webflow - International Dropcontact

2

Hi Eva,

Welcome to the community!

It appears that the read-only link keeps changing from time to time. I presume there is a current work going on the designer. However, upon further checking I see a custom script which I can’t find anywhere in the Webflow’s element or page’s custom code and this could probably set on Webflow main site head code (Webflow Dashboard Settings) which I cannot check using the read-only link. The code (see attached image) I suspect is the culprit.

image (9)
image (9)1066×380 78.1 KB

Now, I tried adding the below code in the ‘Code Embed’ element just above the ‘NAV’ component inside the CSS style to overwrite the header code and it resolves the issue.

-------------------------------------
@media screen and (min-width:992px){
	.col-nav.cn2{
  	opacity:1!important;
    display:flex!important}
   }
  .nav{
  	padding-bottom: 1.5em; 
    padding-top: 1.5em; 
    background: white; 
    box-shadow: rgba(134, 134, 134, 0.11) 1px 1px 30px 0px;
  }

image (10)
image (10)1697×801 131 KB

3

Hi thanks for your quick reply :)
I’ve just tried to apply it the code you sent in the Code Embed of my home page and the whole navbar became totally blank because of the change of color (from black to white)

Moreover, I’ve just located the code that you mentioned as the culprit and we’ve got it on numerous pages, but not on all of them.

And even when the custom code’s not added (eg on this page: Dropnews, the newsletter for Marketing and Sales teams) the bug still remains and it’s impossible to click on the titles after sliding down :confused:

4

Hi Eva,

We are not able fully help since we can’t test custom codes codes in your read-only link. I sent you a DM. Let me know your thoughts.

5

It’s all happenning because of the NAV INTERACTIONS you have there. Basically, when you open a dropdown, that dropdown content overlays the other dropdown buttons you have on the navbar, mainly caused by the negative margin-top those script set.