Travelin Template - How To Change The Underline Color For The Active Menu Item - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Travelin Template - How To Change The Underline Color For The Active Menu Item

JH

Juergen Hochhaeuser

Template 2 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.

0
Website
http://www.hochhaeuser-webdesign.de
3 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #100358

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

0
JH
Juergen Hochhaeuser
Accepted Answer
2 years ago #100384

Hello Rashida,

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

Kind regards Juergen

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #117380

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!

0