Support » Theme: Ward » ability for top tier menu clicks/links to page?

  • Resolved briz_dad

    (@briz_dad)


    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

Viewing 11 replies - 1 through 11 (of 11 total)
  • 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.

    Luke Stacey

    (@daftduke)

    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

    briz_dad

    (@briz_dad)

    OK – thank you Luke!

    michello

    (@michello)

    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…

    briz_dad

    (@briz_dad)

    michello – here ya go

    add a logo in the top left corner

    briz_dad

    (@briz_dad)

    by the way – if anyone knows how to make the top level menu click-through for this topic, it will be appreciated…

    michello

    (@michello)

    Thanks briz_dad!

    Luke Stacey

    (@daftduke)

    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

    briz_dad

    (@briz_dad)

    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,
    Greg

    Luke Stacey

    (@daftduke)

    Hi 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

    briz_dad

    (@briz_dad)

    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!)

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘ability for top tier menu clicks/links to page?’ is closed to new replies.