Title: Make parent menu items clickable?
Last modified: August 21, 2016

---

# Make parent menu items clickable?

 *  Resolved [emile.vinge](https://wordpress.org/support/users/emilevinge/)
 * (@emilevinge)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/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](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)

 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073657)
 * Did you see this one:
    [http://wordpress.org/support/topic/menu-dropdown-on-hover-and-all-parents-link](http://wordpress.org/support/topic/menu-dropdown-on-hover-and-all-parents-link)
 *  Thread Starter [emile.vinge](https://wordpress.org/support/users/emilevinge/)
 * (@emilevinge)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073680)
 * Thank you – I’ll mark this topic as resolved
 *  [Enggass](https://wordpress.org/support/users/enggass/)
 * (@enggass)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073907)
 * 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!
 *  [Enggass](https://wordpress.org/support/users/enggass/)
 * (@enggass)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073908)
 * 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
 *  Thread Starter [emile.vinge](https://wordpress.org/support/users/emilevinge/)
 * (@emilevinge)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073909)
 * I have put following in the style.css of my child-theme:
    1.  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](http://wordpress.org/support/topic/menu-dropdown-on-hover-and-all-parents-link)
 *  [chappie](https://wordpress.org/support/users/chappie/)
 * (@chappie)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073910)
 * [@enggass](https://wordpress.org/support/users/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;
       }
       ```
   
 *  [Enggass](https://wordpress.org/support/users/enggass/)
 * (@enggass)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073911)
 * [@emile](https://wordpress.org/support/users/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)_”
 *  [Enggass](https://wordpress.org/support/users/enggass/)
 * (@enggass)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073912)
 * [@chappie](https://wordpress.org/support/users/chappie/)
    Thanks, if need be 
   I can try that too. May come in handy as well.
 *  [Enggass](https://wordpress.org/support/users/enggass/)
 * (@enggass)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073913)
 * [@emile](https://wordpress.org/support/users/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?
 *  [ElectricFeet](https://wordpress.org/support/users/electricfeet/)
 * (@electricfeet)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073914)
 * [@enggass](https://wordpress.org/support/users/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’.
 *  Thread Starter [emile.vinge](https://wordpress.org/support/users/emilevinge/)
 * (@emilevinge)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073915)
 * [@enggass](https://wordpress.org/support/users/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](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.
 *  Thread Starter [emile.vinge](https://wordpress.org/support/users/emilevinge/)
 * (@emilevinge)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073916)
 * The sharing functions comes with Jetpack by wordpress: [http://jetpack.me/support/sharing/](http://jetpack.me/support/sharing/)

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Make parent menu items clickable?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

## Tags

 * [clickable](https://wordpress.org/support/topic-tag/clickable/)
 * [load](https://wordpress.org/support/topic-tag/load/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [page](https://wordpress.org/support/topic-tag/page/)
 * [parent](https://wordpress.org/support/topic-tag/parent/)

 * 12 replies
 * 5 participants
 * Last reply from: [emile.vinge](https://wordpress.org/support/users/emilevinge/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/make-parent-menu-items-clickable/#post-4073916)
 * Status: resolved