Why is my Dawn theme button not clickable after adding backdrop-filter blur?

Shopify Discussion
1

Hello.
I made a custom homepage banner in my Dawn theme and everything works fine accept when I’m putting backdrop-filter blur to the content container. When i give the container background blur, it makes the button unclickable. Help!

Screenshot (797).png
Screenshot (797).png2880×1462 461 KB

2

@anhad please share the site url here.

3

https://lanoagritech.farm/

4

@Zeel-prajapatii

https://lanoagritech.farm/ with background blur

5

Hey @anhad please add the below css to “section-image-banner.css” file.

.banner:after{
  content: none !important;
}

Thanks.

6

@anhad Please add below code in base.css file and let us know whether it is helpful for you.

To locate base.css file,

  1. From admin panel, go to “Online Store” → “Themes”.
  2. Click action button and select “Edit code”.
  3. Search “base.css” file and paste the below code at the bottom of the file.
.banner:after {
    display: none;
}