[Support request] Selective navigation dropdown on click arrow

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 4 years, 8 months ago by David.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
July 14, 2021 at 4:09 am #1855233

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.

July 14, 2021 at 5:46 am #1855315
David
Staff
Customer Support
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

Ben

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

July 15, 2021 at 2:46 am #1856458

David
Staff
Customer Support

Glad to hear that!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.