Okay
  Public Ticket #399057
Making Menu Items Unclickable
Closed

Comments

  •  1
    Nicklas started the conversation
    March 23, 2015 at 9:22pm

    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.

  •  8,459
    Tahir replied
    March 24, 2015 at 4:03pm

    Hey,

    Can you provide the site url so we can have a look.

    Thanks

    ThemeNectar Support Team 

  •   Nicklas replied privately
  •  8,459
    Tahir replied
    March 25, 2015 at 4:51pm

    Hey,

    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;
}

    Thanks

    ThemeNectar Support Team 

  • [deleted] replied
    February 6, 2017 at 7:42pm

    Nicklas.. did you get the solution?


  •  2,742
    Andrew replied
    February 7, 2017 at 12:06am

    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!

  •  4
    Brian replied
    February 8, 2017 at 5:35am

    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.