CSS Style Navigation menu

[Pavel Shabalin]

Hello.
Tell me how to change the style of links in the navigation menu so that when you hover over a menu item, it is underlined from below with a solid bar. But you need the effect to be only in the main category, no effect is needed in the sub-menu.

#menu-primary-menu a:hover {
border-bottom: 3px solid #ededed;
padding-bottom: 5px;
}

• This topic was modified 2 years, 4 months ago by Pavel Shabalin. Reason: add css code

[yuniz]

Hi Pavel,

Site login details not working. can you please send correct one.

Regards

[yuniz]

Hi Pavel,

We fixed the CSS for you about on mouse hover the menu items only show border color not the sub-menu items.

/* Menu Items On Hover Border Color */
#menu-primary-menu a:hover
{border-bottom: 3px solid #ededed;
padding-bottom: 5px;}

/* On Hover Border Color Not To Apply In Sub-Menu Items */
#menu-primary-menu .sub-menu a:hover
{border-bottom:none;}

I hope this helps for you.

Best Regards,

[Pavel Shabalin]

Thank you very much, as always you are on top.
Have a good day.
Regards, Paul

[Author]

Posts