Remove blur asociated with Offcanvas menu - Forum | JoomShaper
Solved Helix Framework

Remove blur asociated with Offcanvas menu

Asked by Goran Kostic 4 years ago Last activity 4 years ago

Hello,
How to remove (ugly) blur asociated with Offcanvas menu?
Doesn't react to custom.css

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
4 years ago

Hi,

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.

3 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago

Hi

Give me your site URL and also screenshot so that I can check

Thank you

Goran Kostic Asked this
4 years ago

Hi,

Ugur Uygur
4 years ago

Hi 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 */
}
Log in to reply.