[ryclark183Participant]

How can I have the Navbar background, when the button is pressed on the mobile view, turn white or better yet translucent white?
Website: Proactivebudget.com

[John EzraMember]

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-nav-wrap.mobile {
        background: rgba(255,255,255,0.9)!important;
    }

    .x-navbar-inner 
    .x-container.max.width {
        width:100%;
    }

    a.x-brand.img {
        margin-left:5%;
        margin-bottom:3%
    }

    a.x-btn-navbar {
        margin-right:5%;
    }

    .x-navbar .mobile .x-nav .current-menu-item > a {
        margin: 0  5%
    }
}

Hope this helps – thanks!

[ryclark183Participant]

Yes that was perfect.
Now how do I change the color of the words in the header to black so they can be seen?

[DarshanaModerator]

Hi there,

Place the following code also inside the above media query. Place it between

@media (max-width:979px) { 

}

#menu-header-1 a {
    color: #000000;
}

Hope that helps.

[Author]

Posts