Cookie banner title on mobile devices not center aligned

  • Resolved adam21337

    (@adam21337)


    2 years, 10 months ago

    Dear Support Team,

    I use the custom css according to your css lesson #20 to bring the cookie banner back to mobile devices. I have a center aligned cookie banner, and I would like to have also a center aligned title on mobile devices. I use no logo and no close button. On desktop browser everything works fine. However the cookie banner title on mobile devices is not center aligned. Please see my mobile device screenshot at https://drive.google.com/file/d/1YQqCc3kfzcMEB6-OyXKVM7DJN_f0_Mvk/view?usp=sharing
    Could you please help me to solve this issue?
    Thanks,
    Adam

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Rogier Lankhorst

    (@rogierlankhorst)

    Hi @adam21337,

    When I disable the logo and close button on our site, the title is still center aligned. Possibly there is some theme css which overrides the banner css.

    I just checked your site, and for me the title shows center aligned.

    On what device/browser combination are you checking? It may be a specific device.

    Thread Starter adam21337

    (@adam21337)

    Hi @rogierlankhorst ,
    thanks for your reply. I have checked my site on a Xiaomi 10 series phone with Chrome and Firefox.
    On desktop and tablet devices everything is fine. On mobile phones the title is left aligned. However the problem is not device specific and there are no css overrides. Please check my homepage in a website tester for various smartphones: https://responsivedesignchecker.com/checker.php and paste my website url.
    Please check here mobile phones (do not use incognito mode), and as you can see, the title is left aligned on many smartphones.
    Could you please advise how to change this with custom css?

    Plugin Author Rogier Lankhorst

    (@rogierlankhorst)

    @adam21337 I see you changed to css flexbox below 425px, which seems to cause the left alignment. That’s why I wasn’t able to reproduce the issue myself. You can use margin: auto auto; to center the title, this works for me.

    .cmplz-title {
   margin: auto auto;
 }

    Let me know if that helps.

    Thread Starter adam21337

    (@adam21337)

    Hi @rogierlankhorst,
    Thanks for sharing the solution, it works.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Cookie banner title on mobile devices not center aligned’ is closed to new replies.