Error! Header image disappeared after changing main.css

Illdy
1

Hey

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

2

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,
Support

3

hello,

here it is
www.niravjethani.com

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

thanks,
nirav

4

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

Thanks!
Colorlib Support Team

5

@noda

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

Is there anything else that I can do?

6

Hi,

The menu button is already black for the Desktop version too, http://take.ms/E5Dfc Can you try clearing your browser cache?

Let us know,

Thanks,
laranz.