[Support request] Selective navigation dropdown on click arrow

[Ben]

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.

[David]

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%;
}

[Ben]

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

[David]

Glad to hear that!

[Author]

Posts