Change color when hamburger/sidebar opens

Highlighted
New Member
7 0 0

Hello there,

I would like that when somebody clicks on the hamburger/sidebar the page went a bit darker - (See Attachment). I tried messing around w/ this but can't find the right solution:

.PageOverlay.is-visible {
  opacity: 0.5;
visibility: visible;
}
 
.PageOverlay {
  position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 10;
visibility: hidden;
opacity: 0;
background: #363636;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
 
Hope that someone can guide me in the right direction. Thank you!
 
Captura de ecrã 2020-11-04, às 22.56.50.png
0 Likes
Highlighted

Hello.....
Please share your store URL .
So that I will check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0

Hello there,

 

https://fanshopped.myshopify.com

password: abeoda

Thank you!

0 Likes
Highlighted
New Member
7 0 0

Hello there,

https://fanshopped.myshopify.com

password: abeoda

Thank you!

0 Likes