How To Change The Sticky Header Color In Aspasia Template - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

How To Change The Sticky Header Color In Aspasia Template

PS

pramod sahu

Template 2 years ago

https://www.natureconceptschool.org/

In this site I want to change the sticky header color. How to do that.

Thanks in advance.

0
Website
https://www.natureconceptschool.org/
7 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #128032

Sorry, I forgot about extra line, add it as well:

.is-sticky #sp-main-menu > .container > .row:first-child::before {background: #39A127;}

OR all together


.is-sticky #sp-main-menu > .container > .row:first-child,
#sp-main-menu-sticky-wrapper,
.is-sticky #sp-main-menu > .container > .row:first-child::before,
.is-sticky #sp-main-menu {background: #39A127;}
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #127074

Hi

Thanks for contacting us. Do you want to change this blue color?

https://prnt.sc/3eHUtEM1YvDQ

-Regards.

0
PS
pramod sahu
Accepted Answer
2 years ago #127075

Yes, thanks.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #127123

Hi,

please use Custom CSS:

.is-sticky #sp-main-menu > .container > .row:first-child,
#sp-main-menu-sticky-wrapper,
.is-sticky #sp-main-menu {background: #39A127;}

In Aspasia Template Options > Custom Code > Custom CSS

0
PS
pramod sahu
Accepted Answer
2 years ago #127210

Thanks. But still blue stripe is coming in the background.

0
PS
pramod sahu
Accepted Answer
2 years ago #128026

Still waiting for your reply.

0
PS
pramod sahu
Accepted Answer
2 years ago #128236

Thanks a lot.

Also I have to add another line:

.is-sticky #sp-main-menu > .container > .row:first-child::after

otherwise right side stripe is coming blue.

Anyway thanks a lot for your guidance.

0