Nav Bar Background Color

[sylvjw15]

On table/mobile for the site I’ve gone in and found the code as it pertains to the blue nav bar. However, when I try to change the background color it does nothing.

Here’s the line of code:

navbar fixed-top navbar-expand-lg justify-content-between px-md-5 py-4 fullwidth-container navbar-dark bg-transparent {
background-color: none!important;
}

@media (max-width: 979px)
.navbar-dark.bg-transparent {
background-color: none!important;
}

[Hans (Support Admin)]

This is the code you need to use,

@media (max-width: 979px)
.navbar-dark.bg-transparent {
background-color: transparent !important;
}

[sylvjw15]

Hi Hans!

I tried that line of code using the ‘inspect element’ and it worked. However, when I put it under additional CSS it doesn’t work.

Here’s a screenshot:

Screen Shot 2020-04-09 at 12.39.43 PM

• This reply was modified 1 month, 3 weeks ago by sylvjw15.

[sylvjw15]

Hi Hans!

The Nav Bar fix isn’t working https://dwellwellco.com/screen-shot-2020-04-09-at-12-39-43-pm/

I tried using inspect element on Chrome and that worked, however, when I paste into additional CSS it doesn’t work. I’ve checked on multiple devices.

Thank you!

[Hans (Support Admin)]

Hello,

Oops, sorry, there was 2 curly braces missing.

Here it is,

@media (max-width: 979px) {
.navbar-dark.bg-transparent {
background-color: transparent !important;
}
}

[sylvjw15]

That worked! Thank you!

[Hans (Support Admin)]

You’re welcome!