WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] Make parent menu items clickable? (13 posts)

  1. emile.vinge
    Member
    Posted 7 months ago #

    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

  2. rdellconsulting
    Member
    Posted 7 months ago #

  3. emile.vinge
    Member
    Posted 7 months ago #

    Thank you - I'll mark this topic as resolved

  4. Enggass
    Member
    Posted 2 months ago #

    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!

  5. Enggass
    Member
    Posted 2 months ago #

    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

  6. emile.vinge
    Member
    Posted 2 months ago #

    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

  7. chappie
    Member
    Posted 2 months ago #

    @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;
    }
  8. Enggass
    Member
    Posted 2 months ago #

    @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)"

  9. Enggass
    Member
    Posted 2 months ago #

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

  10. Enggass
    Member
    Posted 2 months ago #

    @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?

  11. ElectricFeet
    Member
    Posted 2 months ago #

    @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'.

  12. emile.vinge
    Member
    Posted 2 months ago #

    @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.

  13. emile.vinge
    Member
    Posted 2 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic