Archived topic

Selective navigation dropdown on click arrow

3 replies · Started by Ben on July 14, 2021

Viewing posts 1–4 of 4

July 14, 2021 at 4:09 am #1855233

Hi,
I have a drop down menu and have some menu links that connect to pages, and some act as categories for child pages. At present I have the Customize: Layout : Primary Navigation : Navigation Dropdown set to 'Click - Arrow'.

Is it possible (with some CSS) to set some menu links to 'Click- Arrow' and some menu links to 'Click - Link'. I think it would improve the UI if the parent menu links that are categories are clickable across the whole link.

main menu

July 14, 2021 at 5:46 am #1855315

Hi there,

so for top level menu items you could try this CSS:

.main-navigation .main-nav > ul > li.menu-item-has-children > a .dropdown-menu-toggle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

July 15, 2021 at 1:49 am #1856391

Hi David,
That works perfectly. Thanks so much.
Ben

July 15, 2021 at 2:46 am #1856458

Glad to hear that!

This archived topic is closed to new replies.

Start building better websites today.