Enabling the blur option distorts the look of the website on android devices

Hi testica

I checked your theme and I see that its styling conflicts with the styling of the consent banner’s blur option. I have not found a way to fix the conflict with the theme, but I wrote for you CSS that will remove the blur on mobile devices. You will loose the blur on small screens but the site will display correctly. You put it in the “Custom CSS” section in the theme customizer of your site.

@media (max-width: 992px) {
  html.fupi_blur:not(.fupi_infobox) body>:not(#fupi_cookie_notice):not(.fupi_noblur){
    filter: none !important;
  }
}

Edit

I think I have found a solution. Add it in your CSS the way I said above.

#page{
  overflow: hidden;
}

Let me know if it worked.

Have a nice day
Krzysztof Planeta

Amazing support! I chose the 2nd solution and it works perfectly.

#page{
  overflow: hidden;
}

One last request: is it possible to have only the site logo unblurred? I tried to add “fupi_noblur” as I saw it is specified in the settings (using chatGPT) but without success…

Hi there. I am glad that solution worked and thank you for the review. As for your question, unfortunately “fupi_noblur” class only works on elements that are direct children of the document’s body. It won’t work on the the logo.