Remove Blur Asociated With Offcanvas Menu
GK
Goran Kostic
Hello, How to remove (ugly) blur asociated with Offcanvas menu? Doesn't react to custom.css
4 Answers
Order by
Oldest
Mehtaz Afsana Borsha
Accepted AnswerHi,
Use this custom css
.offcanvas-active .offcanvas-overlay{
opacity:05 !important;
}
.offcanvas-overlay{
background: rgb(0 0 0 / 50%)mportant;
backdrop-filter: blur(1px) !important;
}Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Mehtaz Afsana Borsha
Accepted AnswerHi
Give me your site URL and also screenshot so that I can check
Thank you
Ugur Uygur
Accepted AnswerHi Goran,
This is the css code
.offcanvas-overlay {
background: rgba(0, 0, 0, 0.5); /* here */
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 9999;
visibility: hidden;
-webkit-transition: 0.4s;
transition: 0.4s;
-webkit-backdrop-filter: blur(10px); /* here */
backdrop-filter: blur(10px); /* here */
}