Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 6, 2013 at 1:42 am #17955
    xpyouth
    Member

    How can I make some top-level items (nav menu item name) able to rollover to activate the drop-down, but not itself lead to any URL? I used to be able to do this in the past but now every new menu is linked.

    December 6, 2013 at 10:36 am #17957
    Sakin
    Keymaster

    @xpyouth: For that, you need to go to “Appearance => Menus” and then create custom menu. Then you need to assign that menu from “Appearance => Menus => Manage Locations”.

    So, for the menu it that you don’t want to link with. You need to add that menu item as links. In that custom link field, in URL just add # and in Link Text you can add the text to menu and wrap with span code like this <span onClick="return true">Parent Drop</span>, then click on “Add To Menu”. This will add that Prent Drop menu in your menu. Then after adding it, if you don’t want that # as well then you can delete that # from URL and Click on Save Menu.

    December 6, 2013 at 11:32 am #17959
    xpyouth
    Member

    It worked nicely per your instructions but when the top menu is at the end of the webpage all the way to the right (Responsive Design = Disabled) the submenus don’t show up. Is there a way to make the submenus show up to the left?

    December 6, 2013 at 11:09 pm #17975
    Sakin
    Keymaster

    @xpyouth: I don’t get it. Can you send me your site URL?

    December 6, 2013 at 11:20 pm #17976
    xpyouth
    Member

    Under About Us/Senior High there are two submenu that does not show up. If I move the top level About Us menu to the left it the submenus under Senior High will show up.

    http://www.xpyouth.org/

    December 7, 2013 at 1:01 am #17984
    Sakin
    Keymaster

    @xpyouth: That is bit complicated. Can you try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box. 

    #header-menu ul.menu #menu-item-121 ul.sub-menu { left: -61px; }
#header-menu ul.menu #menu-item-121 ul.sub-menu ul { left: -188px; }
    December 7, 2013 at 4:07 am #17988
    xpyouth
    Member

    It worked perfectly. Thank you

    December 8, 2013 at 3:32 am #18011
    shamwow
    Member

    I want two of my menu items to be static as well with submenus linking to other pages. I tried to follow your instructions but didnt understand them…
    I dont know why one of my menu items is doing what its supposed to despite the fact its considered a page and not a custom menu item. my site is http://www.wealthbuildingproperties.com

    i would like the “condos” menu item and the “about us” to be static i.e. not linking anywhere. according to your instrucions i have to create a new custom menu then make these items links and from there i am lost…thanks

    December 8, 2013 at 7:13 pm #18027
    Sakin
    Keymaster

    @shamwow: After you add custom link in your custom menu. Now you can go you your custom menu and edit those menu link. Where in “Navigation Label” for about us should be <span onClick="return true">About Us</span> and for condos it will be <span onClick="return true">Condos</span> then on url make it empty and click on “Save Menu” to save your changes.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Top-Level Menu Without Links’ is closed to new replies.