Finion Template Q2 - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Finion Template Q2

TM

Tom Mitchell

Template 4 years ago

In Finion, I changed the background color of the menu when it overflows, i.e. when you scroll down the page. What I now need to do is change the font color whilst the menu is in overflow ( sticky). The following css does change the font color, but it changes it globally when both static sticky.

.sp-megamenu-parent > li > a { color: white; }

Is there a way that I can split the font color beween static and sticky ?

0
4 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #39623

Here is the sample code you need to put on your custom CSS:

#sp-header.header-sticky .sp-megamenu-parent>li>a {
    color: white;
}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #39619

Hi there!

Thanks for contacting us.

Would you please give me your site URL here?

Best Regards

0
TM
Tom Mitchell
Accepted Answer
4 years ago #39628

URL in the hidden content. I was missing the "#sp-header.header-sticky". Thanks for your help.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #39632

I have visited your site and see you have done the changes already:)

You may accept my answer in order to close the post and you are always welcome!

0