Banner not responsive below 350px

@mrmatteastwood it looks like there is a lot of custom css at work. Can you remove all custom css, so we can see if there’s anything in the default settings that is conflicting with your theme css maybe?

Hello Rogier, thanks for the quick response! I removed my custom CSS.

I still get some css like this:

.cmplz-btn {
    height: 20px !important;
    font-size: 12px !important;
    padding: 0 !important;
}

Which isn’t included in the plugin css. Is it possibly cached? I see some divi cache.

Hmm, strange. I checked again and found some old CSS written for a previous Complianz version in the Customizer. Deleted that, too. Also cleared the Divi cache. No caching plugin is active at the moment. (we do use WP-Optimize though, which I quickly activated, cleared all cache and then de-activated just now)

I think it’s in the custom css section of the cookie banner settings, as I see the custom css still in the banner css file:

https://praxis-dynamis.de/wp-content/uploads/complianz/css/banner-1-optin.css

At the bottom, all css with !important. If you disable the “use custom css”, this should be removed from the banner css.

I was sure I removed it earlier, but when I just checked, it was still there. Guess I had a senior moment there. It should be gone now. I saved and Complianz automatically populated the field with default CSS (no rules, just selectors).

• This reply was modified 2 years, 10 months ago by MrMattEastwood.

There is a min width in our default code on the body. I’ll do some research which phones use screen sizes below 350px and discuss it internally.

In the meantime, can you try the following as custom css?

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body {
    min-width:initial;
}

Nice, thanks for the code. With that, I’m getting an extra 50 pixels – the banner stops adapting to screen size at around 300 px. I’d say that’s perfectly fine ??

I think I’ll include that in the base css as well, with a media query. Thanks for confirming.