Error! Header image disappeared after changing main.css


So I wanted to change the colour of my menu buttons, so I went into the main.css editor and changed
the colour from #fff to #000000
#header .top-header .header-navigation ul li a {
color: #000000;
font-size: 16px;
line-height: 26px;
now the issue is that my header image (jumbotron background image) has disappeared.

Please help

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?

Best Regards,


here it is

if you inspect element you’ll see that there is an image src to load the jumbotron background image but its not visible

pls help


hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

#header .top-header .header-navigation ul li a {
    color: #000;

The image is very big, its 3.8 MB, you have to reduce the size of the image 300 to 700kb is normal

Colorlib Support Team


It seems to be working for the mobile version but not the desktop version

Is there anything else that I can do?


The menu button is already black for the Desktop version too, Can you try clearing your browser cache?

Let us know,