• Resolved pm01

    (@pm01)


    Hello!

    Is it possible to edit how the cookie banner appears on mobile devices?

    Im trying to make the banner less masive on mobile devices (It takes almost half of the screen size) by making the buttons smaller in size to lay in a row with floating. I can´t make it work. I also tried css 3 Columns property:

    @media screen and (max-width: 768px) {
    .cc-compliance{
    columns: 30px 3;
    }}

    But nothing.

    Is there a way of reducing the space of the banner in responsive?

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Aert

    (@aahulsebos)

    Hi @pm01,

    Please go to https://complianz.io/about-web-vitals/ and use the CSS below “How to improve LCP for your website”.

    This should help,

    let me know!

    regards Aert

    Thread Starter pm01

    (@pm01)

    Hi!
    Thank you so much Aert for the reply!

    I tried it out and nothing changes at all, I did pasted it in the css editor of the plugin, It should work but it doesnt do anything, no 50px height no scroll bar… 🙁

    Plugin Author Aert

    (@aahulsebos)

    Hi @pm01,

    Try pasting it in Appearance – Customize – Additional CSS.

    https://s-qryjhkdta5fcl.eu1.wpsandbox.org/ here’s an example, although the text is default in this case.

    Hi Aert,

    sorry to reactivate this issue.
    I am facing the same issue and I cant solve it with your solutions.
    Banner takes more than half mobile display which leads to pagespeed of 56. Without i get 99.

    Maybe you can add some functions to customize the mobile view?

    Thanks

    Plugin Contributor Mathieu Paapst

    (@paapst)

    • This reply was modified 5 years ago by Mathieu Paapst. Reason: already started new topic
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Edit cookie banner for mobile devices’ is closed to new replies.