[jensmith3Participant]

Hello,

My site is at http://abundantearth.net.au/

I am just starting this site and would like to remove the background colour to the nav bar. I have added this css to my child theme stylesheet:

body .x-navbar {
background-color: transparent !important;
}

It didn’t work. Can you tell me what I’m doing wrong?

Many thanks and kind regards,

Jenny

[jensmith3Participant]

This reply has been marked as private.

[RupokMember]

Hi there,

It seems you have added this too :

.x-navbar, .x-navbar .sub-menu {
  background-color: hsl(0, 0%, 100%) !important;
}

Let’s remove this and try

.x-navbar {
  background: transparent !important;
} 

Hope this helps.

[jensmith3Participant]

Hello,

I just realised I didn’t have the child theme active so I’ve done this and added

.x-navbar {
background: transparent !important;
}

But I can’t find where this is to remove it –

.x-navbar, .x-navbar .sub-menu {
background-color: hsl(0, 0%, 100%) !important;
}

Many thanks and kind regards,

Jenny.

[Paul RModerator]

Hi Jenny,

You can try this code instead.

body .x-navbar, 
body .x-navbar .sub-menu {
   background: transparent !important;
}

Hope that helps.

[jensmith3Participant]

Hello there,

Sorry but this didn’t work. If you take a look you’ll see the effect. What I want is to remove the dark background behind the actual nav bar menu that current has HOME and ABOUT.

Many thanks and kind regards,

Jenny

[JadeModerator]

Hi Jenny,

Please try to add this code in the customizer:

.ubermenu-responsive-default.ubermenu {
    border: 0;
    background: transparent;
}

Hope this helps.

[jensmith3Participant]

Thanks so much, all sorted. Excellent support.

Kind regards,

Jenny

[FriechModerator]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts