[Support request] Page Overlay When Mobile Menu Active

[Michael]

Hi,

Can’t figure out some CSS, hope someone can help. When the mobile menu is active, I’d like to overlay the remainder of the page with a transparent black, to help pop the mobile menu. Assuming I need CSS here, but perhaps there’s a setting in the Customizer?

Screenshot from Photoshop:

https://www.dropbox.com/s/2sqrey2s0kwjle6/2019-02-07_163458.png?dl=0

[Tom]

Hi there,

Give this CSS a shot:

.mobile-menu-open body:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
}

[Author]

Posts