Dear Kriesi Team,
the design of the consent bar is quite ok on desktop devices. But on mobile devices it looks awfully pushed together.
Is there a planed update for this or can you provide a custom css to fix this issue?
The reason I opened the ticket is the Google Search Console Service, which told me, that my site is not mobile optimized -> because of this cookie consent.
Please provide an update.
Greets Tobias
Hi Tobias,
This is what I see on my end: https://imgur.com/a/rs3eamh. Did you manage to find a solution for your problem?
Best regards,
Rikard
Hi, yes I updated my template to be quick.
/******** BEGIN CONSENT *******/
.avia-cookie-consent .container{
max-width: 80vW !important;
box-sizing: border-box !important;
}
.avia-cookie-consent .avia_cookie_text{
display: inline !important;
font-size: 1.1rem !important;
}
.avia-cookie-consent .avia_cookie_text::after{
content: "\a" !important;
white-space: pre !important;
}
.avia-cookie-consent a{
margin: 10px !important;
}
.avia-cookie-consent-button{
width: 230px !important;
text-transform: uppercase;
border: none !important;
}
.avia-cookie-consent-button-1{
background-color: #83a846 !important;
color: white !important;
}
.avia-cookie-consent-button-2{
background-color: #d07513 !important;
color: white !important;
}
.avia-cookie-consent-button-3{
background-color: white !important;
color: #d07513 !important;
}
/******** END CONSENT *******/
Feel free to use it. Please let me know if and when you update the template accordingly, so I can remove my custom CSS.
Greets Tobias