Docs

[wpStan.com]

My Site is: http://prafitjosiah.com/test

Hey Guys, love the Theme, also love the fact that you added UberMenu! Which leads me to my question.

I have the UberMenu Sticky Extension. This extension allows me to set a background color to a transparent bar when the menu scrolls (see attachement “Sticky Extension.gif”)

My problem is the menu background shows for about half a second when scrolling down, then disappears. Can you guys help with getting the Sticky Menu background to NOT disappear while scrolling? I like it transparent at the top, but want the background when I scroll down.

This is my current CSS code below.

.x-navbar-fixed-top-active .x-navbar-wrap {
    margin-bottom:0px;
}

.x-slider-revolution-container.below {
   border-bottom: none;
}

.x-slider-container.below {
  margin-top: 0px;
}

.x-navbar {
    border-bottom: none;
    box-shadow: none;
}

.x-slider-container.below {
  border-bottom: transparent;
}

[Christian]

Hey there,

Please add the code below in your Appearance > Customize > Custom > CSS.

.x-navbar.x-navbar-fixed-top {
    background-color: #000;
}

Hope that helps. 🙂

[wpStan.com]

Thank you that works perfect!

Now how can I make the sticky menu transparent?

I tried using: .ubermenu.ubermenu-sticky{ background:rgba(0,0,0,.2);}

But that didn’t work.

[Nabeel A]

Hi again,

To make the sticky menu transparent, you’ll need to replace the previous code with this one:

.x-navbar.x-navbar-fixed-top {
    background-color: transparent;
}

Hope this helps!

[wpStan.com]

Thanks!! I’m sorry for not being clear, I meant to say partially transparent, maybe like 75% – 80% transparency, so it’s there, but you can see through the background a little bit.

That’s what I’m having trouble doing now.

[wpStan.com]

Thanks I figured it out. I used:

.x-navbar.x-navbar-fixed-top {
    background-color: rgba(0,0,0 .70) !important;
}

Love this Theme!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts