ability for top tier menu clicks/links to page?
-
I am using the Ward theme (free theme) and I’ve created a Child theme from it.
I see now that the menu is programmed so that a top tier item is just a click element to reveal sub-tier menu elements when they exist.
Is it possible to change this so that the top tier menu item also clicks through to a page?
This is the site: blackstardevelopment.org/wp-site/
I’d like the top-tier menu item “Projects” to click through to the page – and the 2nd tier item to reveal on the mouse-over.
Possible with this theme?
Sincerely,
Greg
-
I just added a 2nd tier “Projects Overview” as a work around.
I still would like the top-tier item to click through to the projects page.
Hi Greg,
I think you’ll need this to get the second tier items to reveal on hover:
#menu-item-43:hover .dropdown-menu { display: block }
– Luke
OK – thank you Luke!
Hi briz_dad,
sorry for the OT but how have you managed to add a logo in the top left corner? By default you can only insert text there in the admin panel…
michello – here ya go
by the way – if anyone knows how to make the top level menu click-through for this topic, it will be appreciated…
Thanks briz_dad!
Finally figured it out…
1. Put this in your functions.php file (in your child theme)
<?php function add_menuclass($ulclass) { return preg_replace('/<a class="dropdown-toggle"/', '<a class="dropdown-toggle disabled"', $ulclass, 1); } add_filter('wp_nav_menu','add_menuclass'); ?>
2. Admin Dashboard -> Appearance -> Menus
3. Screen Options (top right) -> Show Advanced Menu Properties -> Check ‘Link Relationship (XFN)’
4. Go to your Menu Item (Projects) click on the carrot to pull down the options.
5. Type ‘disabled’ in the ‘Link Relationship (XFN)’ field.
6. Save the menu
Good luck!
– Luke
Close; not quite what I need.
The solution above disabled the sub-menu completely – there was no way to get to the sub-menu item(s).
(We can drop this if you want – I really appreciate you volunteering time to see if a solution could be found.)
Sincerely,
GregHi Greg,
Yes, it disables the sub-menu, but by using this in conjunction with the CSS posted previously you should still be able to get to the sub-menu items or, at least it’s working like this for me :-).
Here’s that css again:
#menu-item-43:hover .dropdown-menu { display: block }
It’s hard to give up before a solution is found ! 🙂
– Luke
Luke!! That did it…
blackstardevelopment.org/wp-site/
thanks for the perseverance 🙂
(and I know about not wanting to leave something until it is done – thanks again!)
- The topic ‘ability for top tier menu clicks/links to page?’ is closed to new replies.