Header background colour

Hello. How do I change the header/top bar colour? It is transparent when at the top/full width, but when scrolling goes to the light blue solid colour. I have found all the instances of the blue colour in the stylesheet but changing those has not effect. If I upgrade to Pro will this be more easily changed? Thanks

Hi there, you can manage the menu style from Customize > Header > Menu Type

Regards,

That only allows me to change the menu type. I want to have a custom colour. I am using Basic 3 Sticky menu.Thanks

I see… try this please:

.menuStyle5 .site-header {
    background-color: grey;
}

.menuStyle5 .sticky-wrapper.is-sticky .site-header {
    background-color: black;
}

Go to the **Design** tab. Click Customize to expand the set of choices for customizing your theme. Click Header Image to choose an image to be the background of the header. Click Header background to choose a color for the header section. The color is only visible if there is no background image selected.

1 Like