Return to previous page

Sticky Header Colour - by rienzicomunica@gmail.com

This topic has 13 replies, 3 voices, and was last updated 7 years, 7 months ago ago by Olga Barlow

rienzicomunica@gmail.com

Participant

August 24, 2016 at 15:06

Hi,
I would to know how cani i change the sticky header backgrounf colour.
Actually i’ve my header with blue background but when i scroll down the background of sticky header
becomes white.

How can i fix it?
Thanks a lot.
Francesco

#137669 Copied Theme version: 1.8 WooCommerce version: 2.6.4

12 Answers
8theme

Support staff

August 24, 2016 at 15:16
Hello,

Thank you for using our theme.

As a quick solution you can add this CSS code to your custom CSS to make your sticky header blue
```
.fixed-header.header-color-dark {
    background: #3d72b8;
}
```
Regards
#137671 Copied
rienzicomunica@gmail.com

Participant

August 24, 2016 at 15:40

Thanks, this sounds good!
Another thing: the logo can be adapted in the sticky header?
Precisely Can I have a smaller logo in header sticky?

Thanks a lot
Francesco

#137674 Copied
8theme

Support staff

August 25, 2016 at 07:15
Hello,

Yes, try to use the following custom CSS code
```
img.logo-fixed {
    max-width: 300px;
}
```
#137732 Copied
rienzicomunica@gmail.com

Participant

August 25, 2016 at 09:12

Hi,
the custom css is not working. Is there something wrong?
Let me know.
Thanks
Francesco

#137767 Copied

8theme

Support staff

August 25, 2016 at 09:28

Did you add it to the custom css section? We can’t see it the source code of your page.

#137774 Copied

rienzicomunica@gmail.com

Participant

August 25, 2016 at 09:35

Yes. I’ve added it and remove later.
Now i’ve added again. You can check.
Also with that code it seems there is an error: “Element is overqualified”.
F.

#137775 Copied

rienzicomunica@gmail.com

Participant

August 25, 2016 at 10:06

Perfect, fixed. Can I align center?
Thanks
F.

#137779 Copied

8theme

Support staff

August 25, 2016 at 10:42

Still don’t see this code on your page. What do you want to align center? Do you mean vertically align logo on the sticky header?

#137782 Copied

rienzicomunica@gmail.com

Participant

August 25, 2016 at 13:30

Code is on css. if I can attach a picture I’ll show you.

Let me know

#137801 Copied
8theme

Support staff

August 25, 2016 at 14:56
Sorry, try to use this code 🙂
```
.header-logo img.logo-fixed {
    max-width: 300px;
}
```
#137818 Copied
rienzicomunica@gmail.com

Participant

September 13, 2016 at 13:16

Hi,
Can i change logo on sticky menu?
Thanks
Francesco

#139567 Copied

Olga Barlow

Support staff

September 13, 2016 at 13:56

Hello,

Yes, go to Theme Options > General > Header settings > Logo image for fixed header.

Regards

#139576 Copied
Tagged: colour, customization, header, sticky, themes, woocommerce, wordpress
Viewing 13 results - 1 through 13 (of 13 total)