Staff replied Templates

Travelin template - How to change the underline color for the active menu item

Asked by Juergen Hochhaeuser 3 years ago Last activity 3 years ago

Hello,

for any active menu item, there is a small underline highlighting (currently in green) the menu item as active. Where can I change the color for the underline or even switch this off. I am sorry, but I was not able to find any place where this is defined.
I had to switch to custom menu but the bevaviour is the same with any predefined menu.

3 replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
3 years ago

Hi there!

Thanks for conatcting us.

You can use the following code in your custom CSS to change the underline color:

.sp-megamenu-parent>li:after {
    background: red;
}

Please use your desired color code inside the above code.

And if you want to remove the underline color then use the following code snippet:

.sp-megamenu-parent>li:after {
    background: none;
}

Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Best Regards

Juergen Hochhaeuser Asked this
3 years ago

Hello Rashida,

thanks a lot for your help. This solved my issue perfectly.

Kind regards
Juergen

Rashida Rahman Staff
3 years ago

Glad to know that and you are always welcome:)

You may accept the most useful answer in order to close the post.

Have a nice day!

Log in to reply.