Docs

[leavinsd]

Website: http://www.unlimitedchurch.tv

I have changed my navbar background to be transparent. This is ok when viewing on the computer but is not when viewing the buttons on a mobile phone. How to I add a background only to the mobile menu drop-down?

I am wanting to add a black background with around 50% transparency.

Thanks,

Adam

[leavinsd]

Screenshot

[John Ezra]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

@media (max-width:979px) {
    .x-navbar-inner {
        background-color: rgba(0,0,0,0.5);
    }
}

Hope this helps – thanks!

[leavinsd]

That does work for the mobile page only which is what I want. The only issue is that it causes the Navbar (with the logo on it) to not be 100% transparent. Is there a way to have it 100% transparent but have only the drop down 50% transparent?

Thanks for the help.

[Christopher]

Hi there,

Please update your code to :

@media (max-width: 979px){
.x-nav-wrap.mobile {
    background-color: rgba(0,0,0,0.5);
   padding:10px;
}
}

Hope it helps.

[Author]

Posts