Coloring Sticky Header Tempalte Celestia - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Coloring Sticky Header Tempalte Celestia

Adriano

Adriano

Template 1 year ago

i need a solution on how to change the color of the background of the celestia background in sticky mode.

when i activate it, it is transparent by default. I would like to have a white background here.

Furthermore, I can't find an area where I can change the left demo in the expanded menu - or even better, move a module position.

0
1 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #141628

Hi there!

Thanks for contacting us.

Please use the following code in your custom CSS to make the sticky header background color white:

#sp-header.header-sticky {
    background-color: white !important;
}

After that please make sure to change your logo image and offcanvas menu icon color. Here is the code for changing the offcanvas menu icon color if you need:

#sp-header.header-sticky .burger-icon>span {
    background-color: #000;
}

Here is all about custom code placement in Helix Ultimate framework: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

0