WordPress.org

Support

Support » Themes and Templates » Customizr » [Resolved] Make parent menu items clickable?

[Resolved] Make parent menu items clickable?

  • Thank you Nicolas for a great theme and ElecticFeet for your kind support. I am totally new to WP and html.

    I see this issue has been touched in Theme FAQ under “work around parent menu items not being clickable and make them clickable?”

    Anyway I wonder if someone can suggest a way to make the parent menu/page clickable?

    I am trying to make the page http://www.juliafchozas.com/project clickable and load directly from the menu (by a simple click on “projects”).

    ElectricFeet, you write in the FAQ it’s a set-up by design in this theme. Does it mean, that there is no simple solution? (except making an “overview”-page in the submenu?)

    Thank you,
    Emile

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thank you – I’ll mark this topic as resolved

    I saw this, but my problem is that it moves the ‘carat’ icon under the menu item (about .5″) rather than next to it as it was… Any way to remedy this? Thanks!

    Emile,
    Saw your post avove about getting the menu parents to link as well as have the drop down hover. Your site works exactly the way am trying to get mine to work.

    Could you email me the code snippet and tell me where to put it? Is it just CSS or PHP (functions) as well? I tried everything and checked the other links, but none work as yours does.

    Thanks a ton,
    Steve

    I have put following in the style.css of my child-theme:

      ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block; margin: 0;}

    And I have installed the “Real Time Find and Replace plugin.” replacing data-toggle="dropdown" data-target="#" with a simple space character. Remember to leave a space before ” data-togg….” too.

    I am using acub and ElectricFeet’s suggestions from here, I guess:

    http://wordpress.org/support/topic/menu-dropdown-on-hover-and-all-parents-link

    @enggass – to play around with the carets, try one or both of the following:

    /* Reposition menu carats */
    .navbar .nav li.dropdown a .caret {
    position:relative;
    top: -18px;
    left: -1px
    }
    
    /*Move dropdown menu up to carets*/
    .dropdown-menu {
    position:absolute;
    top: 45px;
    left: 4px;
    }

    @emile
    So the first part:
    ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block; margin: 0;}
    creates the dropdown on hover effect,
    and the second part:
    “Real Time Find and Replace plugin.” replacing data-toggle=”dropdown” data-target=”#” with a simple space character
    allows the Parent Menu item to be linkable, correct?

    …and I need a ‘space’ at the beginning of the ‘replace string’…
    ie. find – “(space)data-toggle=”dropdown” data-target=”#”” replace – “(space)

    @chappie
    Thanks, if need be I can try that too. May come in handy as well.

    @emile
    Off topic – Where did you get the ‘Share’ function with the email and social icons you used at the bottom of the site you designed?

    @enggass Be aware that if you make the parents clickable, the dropdown will be unusable on all touch devices. Hover doesn’t exist on a touch device. The only way you can see a dropdown is to click it. If you make the parent clickable, then users will never see the dropdown.

    Just sayin’.

    @enggass, I am not able to explain how it works, but I guess that is what I did to make parent menus clickable at http://www.juliafchozas.com. On a touch device actually the dropdown is activated at the first click on the menu and with a second click you can enter either the parent menu page or a subpage.

    The sharing functions comes with Jetpack by wordpress: http://jetpack.me/support/sharing/

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Make parent menu items clickable?’ is closed to new replies.
Skip to toolbar