What I mean is, right now I have a few pages that drop down from each menu item. However, I don't want it to be an option to click on the main menu item itself should.
E.g. Let's say I have a menu item called Marketing. and under that I have 2 pages: Promotions and Sponsors. How do I make "Marketing" "unclickable", so that by hovering the cursor over the item it will simply show Promotions and Sponsors.
The easiest way to do this is to make "Marketing" a "Custom URL" in your Menu and either leave the URL blank or add a "#". You don't need to use any code.
How do I make the menu items unclickable?
What I mean is, right now I have a few pages that drop down from each menu item. However, I don't want it to be an option to click on the main menu item itself should.
E.g. Let's say I have a menu item called Marketing. and under that I have 2 pages: Promotions and Sponsors. How do I make "Marketing" "unclickable", so that by hovering the cursor over the item it will simply show Promotions and Sponsors.
Hey,
Can you provide the site url so we can have a look.
Thanks
ThemeNectar Support Team
Hey,
header#top nav > ul > li.menu-item-has-children > a { pointer-events: none !important; }
Thanks
ThemeNectar Support Team
Nicklas.. did you get the solution?
Hi Yash,
Thanks for your reply.
We did respond to this request on March 25, 2015 at 8:51am
Here is the response that was sent
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
header#top nav > ul > li.menu-item-has-children > a { pointer-events: none !important; }Please let me know if there are any more questions that I can answer for you.
Cheers!
The easiest way to do this is to make "Marketing" a "Custom URL" in your Menu and either leave the URL blank or add a "#". You don't need to use any code.