Add colour to the Illdy header

Hi,

I have added the code that I saw in previous threads to make my menu and logo stick to the top when I scroll down, but I’m trying to give my header a colour so that the menu and logo are more readable when I scroll down (I don’t want it to be transparent). Can you please give me the CSS code so that I can add a header colour?

Thanks!

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the header color by going to Appearance > Customize > Additional CSS and pasting it there.

/*Header color*/
#header .top-header {
    background-color: red;
}

Best Regards,
Support

Hi,

Thank you so much. It worked!

Is there any way that I can adjust the header height or remove the extra padding at the top?

Thanks!

Hello there,

I hope you are doing well today.

Please try adding this CSS code:

/*Top Padding*/
#header .top-header {
    padding-top: 10px;
}

If this does not work please provide a link to the website so that it can be inspected.

Best Regards,
Support

Thank you so much. It worked like a charm :slight_smile:
I have a few other issues as well, but I’ll start a new thread for that.

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support