How to Remove Main Menu Page Link From Drop Down

Design help Animations & Interactions
1

I have a nav item that opens a drop down menu on hover. Right now, the main navigation link can be clicked. I want to disable this main navigation link and instead force people to click on one of the drop down menu items.

For some reason I cannot figure out how to do this for the life of me.

Here is my public share link: LINK

  • The nav item I’m trying to preview navigation to is Resources (/resources).
  • Instead, I want the resources drop down menu to behave like the residential nav item (where people are not led to a new page when they click Resources.)

Thanks in advance for your help.

2

Hey @laurenproctor, this could be achieved with custom code. I am not sure how comfortable you would be with it but it would be utilizing Javascript along with the CSS attribute pointer-events.

You can write JS code for your on:hover for Resources and set the pointer-events: none for the navigation.