[totalofficeParticipant]

Hello Themeco Support !

To start off, please have a look at this website – http://nutsandwoods.de/en/

We want the menu to be placed that way. The image takes up the entire section, and the menu is placed on it. i just can’t seem to get rid of the white background.

Is it compulsory to enable a navbar or menu bar or is there a way to add a menu without a bar?
Do let me know.

[Paul RModerator]

Hi,

To make it transparent, you can add this under Cornerstone > Settings > Custom > CSS.

body .x-navbar {
    background-color:transparent;
    border:0;
    box-shadow:none;
}

body .masthead {
    position:absolute;
    width:100%;
}

Hope that helps

[totalofficeParticipant]

Hi Paul,

Thanks for getting back to me. There isn’t a CUSTOM option under cornerstone. Do you mean i have to customize the page and then add the code in the Global CSS ?

[totalofficeParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Please try this code:

.ubermenu-main, .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    background: transparent !important;
    color: #fff;
}

Hope this helps.

[totalofficeParticipant]

Awesome, it worked ! Thanks alot Jade.

Is there is a possible of changing the opacity on it ? There are pages in our website with white backgrounds. So adjusting the opacity would be very useful.

[RupokMember]

Hi there,

Not sure where you want opacity. Do you want a semitransparent menu instead of transparent? In that case, you can try :

body .x-navbar {
  background-color: rgba(0, 0, 0, 0.9);
}

Let us know what you are referring.

Thanks!

[totalofficeParticipant]

Thanks

[totalofficeParticipant]

I figured it out. I changed the opacity using the ‘Opacity = 0.5 ‘ code and it worked.

Is there any way to change the color of the opacity. It goes from transparent to white. I want it to be black.

Thanks again Jade.

[RupokMember]

Hi there,

Sorry but I didn’t get you properly. Do you want the Navbar transparent black instead of transparent white? The above suggested code should do that and it’s better approach instead of setting opacity. Let’s clarify with a screenshot that what you are trying to achieve now.

Thanks!

[totalofficeParticipant]

Hi Rupok,

Yes you’re right. I need it transparent black.

[totalofficeParticipant]

Hi Rupok,

How do I make the menu transparent black also to match the rest of the navbar, just not able to do it !

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    background: rgba(0, 0, 0, 0.9) !important;
}

Hope that helps.

[totalofficeParticipant]

Thanks so much Christopher !
But the submenus are still white. What change would I have to make in the code to match the top-level menu ?

[ThaiModerator]

Hi There,

Please add the following CSS:

.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
    background-color: rgba(0, 0, 0, 0.9)
}

Hope it helps 🙂

[Author]

Posts