Title of the pop up cookies windows

Hi @aleksandreeu,

This can be brought back with CSS, but on a mobile screen if you’re using Logo + Title + Close button there will not be enough room,

Let me know which URL I can check so I can make some CSS, or let me know your which of these three you have on your banner: Logo + Title + Close button

regards Aert

Hey, you can check our web https://www.zgruzie.cz.

Thanks!

Hi @aleksandreeu,

You could use the CSS below to display the title on mobile screen sizes as well. Please find an example screenshot attached.

@media (max-width: 425px)
.cmplz-cookiebanner .cmplz-header .cmplz-title {
    grid-column: 1 / 4;
    text-align: center;
}

Kind regards,
Jarno

• This reply was modified 2 years, 8 months ago by jarnovos.

It does not show title

Hi @aleksandreeu,

You are correct, I seem to have forgotten to add the “display: unset;” to the previous CSS. The below should work:

@media (max-width: 425px) {
.cmplz-cookiebanner .cmplz-header .cmplz-title {
    display: unset;
    grid-column: 1 / 4;
    text-align: center;
}

Kind regards,
Jarno

Great, thanks!

Hey its still not good… https://ibb.co/8DYTPHP look how does it look.

Hi @aleksandreeu,

Looks like the “display: unset;” is being overridden, the below version adds an important flag to it, so that doesn’t happen. Please copy it to Appearance > Customize > Additional CSS.

@media (max-width: 425px)
.cmplz-cookiebanner .cmplz-header .cmplz-title {
    display: unset!important;
    grid-column: 1 / 4;
    text-align: center;
}

You stated in your original post that it concerns the mobile view, so please note that the provided CSS only applies to viewports with a max-width of 425px.

Kind regards,
Jarno

Hmm now it does not show the title again, on mob device