Menu / Header Colour Changing When Scrolling


I’m having an issue where I cannot seem to change the header colour from the theme’s default grey. I selected a slightly transparent black for the sticky menu which I was able to change with ease, however that colour only appears when scrolling down the page. When I scroll back up to the top, the header colour turns back to grey. I attempted changing all the colours I could find listed in the Additional CSS section to black but it made no difference at all. Can you please advise how I can change that colour?

Website homepage is

Thank you!


I’ve just checked your site and looks like you already resolve the issue using this code?

.menuStyle3 .is-sticky .bottom-bar {
    background-color: rgba(0,0,0,0.7);

I did figure it out in the end, sorry I didn’t update the thread! :slight_smile: Thank you so much!

1 Like