Mobile menu opacity

Site URL: http://www.uniquelydolledwigs.com

Hello,

I would like to fade the main site content when my mobile navigation is open. Is there a code that could create an overlay color or change the opacity when the mobile navigation menu is active? Any help would be appreciated!!

44 minutes ago, Dee12 said:

Site URL: http://www.uniquelydolledwigs.com

 

Hello,

I would like to fade the main site content when my mobile navigation is open. Is there a code that could create an overlay color or change the opacity when the mobile navigation menu is active? Any help would be appreciated!!

try

#page {
  transition: opacity .5s;
}
.header--menu-open #page {
  opacity: 0.6;
}

Thank you so much, this worked! Is it possible to make the opacity darker?

6 minutes ago, Dee12 said:

Thank you so much, this worked! Is it possible to make the opacity darker?

you can try increase the opacity value