Cookie banner vertical position on mobile

  • Resolved saicot

    (@saicot)


    4 years, 3 months ago

    Hi! After upgrading to 6.0 of course the layouts went haywire.

    I managed to sort things out through custom CSS except the fact that I don’t know how to position the cookie banner on mobile. Currently it is centered and I want it at the bottom, just as it is in desktop version.

    Of course I have it set to bottom in GUI but it works only for desktop.

    Any help appreciated.

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

    (@aahulsebos)

    4 years, 3 months ago

    Hi @saicot,

    This is a common question after the 6.0 update, so I am considering doing this as a standard from the next update.

    I will post the CSS soon.

    regards Aert

    Plugin Contributor Rogier Lankhorst

    (@rogierlankhorst)

    4 years, 3 months ago

    Can you add the following css:

    @media (max-width: 1023px ) {
  .cmplz-cookiebanner {
	transform: translateX(-50%);
	bottom: 0;
  }
}

    That should resolve it.

    Thread Starter saicot

    (@saicot)

    4 years, 3 months ago

    Thank you Rogier and Aert,

    this sort-of works and places the banner at the bottom but now stretches the height of the banner to 50% of the screen, by adding empty space above the text.

    Plugin Contributor Rogier Lankhorst

    (@rogierlankhorst)

    4 years, 3 months ago

    That is probably the top, can you add, top: initial;, like this:

    @media (max-width: 1023px ) {
  .cmplz-cookiebanner {
	transform: translateX(-50%);
	bottom: 0;
        top: initial;
  }
}
    Thread Starter saicot

    (@saicot)

    4 years, 3 months ago

    That was it. Thank you Rogier!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Cookie banner vertical position on mobile’ is closed to new replies.