[Support request] CSS help to add border to the top of the submenu

[Stacey]

Hi

I’ve copied the CSS from this post https://generatepress.com/forums/topic/how-to-show-bold-underline-on-hover-at-primary-navigation-menu/

To create the underline under my menu items.

I would like to add the same green thick border at the top of the submenu when you hover on them. At the moment it looks off as the underline is the width of the main nav menu item.

Website is here: https://clwills.swish-websites.com/

Thanks for your help.

[Ying]

Hello Stacey,
​
Try this css, it will add a boarder on top of your sub menu.

.menu ul.sub-menu {
    border-top: 4px solid #4c9777;
}

[Stacey]

Thank you that worked perfectly

[Ying]

No problem 🙂
Glad to help!

[Author]

Posts