Docs

[cxander]

If it matters, I’m using the renew stack on the latest version of wordpress and the X Theme. I have created a header menu and I would like to unlink one of the menu pages as I have sub-pages within it. The page is “Why Us?” and within that there are pages for Videos and Testimonials. I would like to set it up where if a user clicks on Why Us the menu drop down comes up for the other two pages but doesn’t take them to a Why Us page. I already have the drop down working, I just need to unlink the Why Us page. Is this possible?

[Prasant Rai]

Hello There,

Thanks for writing in!

To remove link from Menu item, please navigate Appearance > Menus. Add a menu item from Custom Links and set URL to #.
http://prntscr.com/e7994y

Thanks.

[cxander]

Ok, that worked. Is there a way to have the sub-menus hidden until a user clicks on the custom linked menu which then it will drop down and then if they click on the custom link menu again to have the sub-menu drop down close?

[Rue Nel]

Hello There,

Thanks for updating in! To achieve what you have in mind, please do the following:
#1] Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

#menu-item-724 .sub-menu,
#menu-item-724:hover .sub-menu {
    display: none;
}

#2] And then please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

(function($){
  $('#menu-item-724').on('click touchstart', function(){
    $(this).find('.sub-menu').toggle();
  });
})(jQuery);

We would loved to know if this has work for you. Thank you.

[cxander]

Yes, this worked perfectly, thank you!

[Christopher]

You’re welcome.

[Author]

Posts