Integrity drop down navigation: make opaque background on mobile devices

Support
#1

Hi, I searched and couldn’t find an answer that worked.

I’m using the Integrity stack.

On desktop, the drop down menu’s individual links are spread across the top. And, when you hover over a link and the drop-down menu extends, it has a solid white background.

The problem I’m trying to solve is that when the browser is resized smaller (like on mobile devices), and I click the button which drops down the navigation menu, the background of the navigation menu is now transparent.

In other words, I’d like for the mobile drop down navigation menu to have a solid white background rather than a transparent background.

Thank you for your help!

#2

Hi There,

Thanks the default background of the mobile menu of integrity stack is white.
Can you please add this CSS to your theme Option -> CSS and let us know if that works.

@media (max-width: 979px) {
.x-nav-wrap.mobile {
    background: #fff;
}
}

Hope this help!

Thanks

#3

That worked!

You guys are the best!

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.