Change color of navbar on mobile version

[gaga4]

Hi there,

I have a small issue on my website. My navbar on big screens has an image behind and the navbar color is not plain and has some transparency. On the small screen version, the navbar is not displaying the image behind and just the transparent color. It’s not nice regarding the design of my website.I have tried a few CSS to change the color of the navbar on small screens, but nothing seems to work adequatly. Could you help please? I’m putting my credentials in a secure note.

Thanks in advance !

[jade]

Hello Gaelle,

This block of code is causing the issue:

@media (max-width: 979px) {
  .masthead {
    position: relative;
    width: auto;
    background-color: #001937;
  }
}

Try removing it and you should be able to have the header be the same for the desktop and mobile.

Hope this helps.

[gaga4]

Thank you, it’s working fine now !
Gaelle

[thai]

You’re welcome.