Hi,
I have a request for an adjustment to the cookie message in the mobile version:
– I would like to have a space between the buttons and the message bar.
– Also, a slight shadow above the entire cookie-bar would be nice
– and a slightly larger font only in the mobile version
Kind regards,
ebenanders
Hey ebenanders,
Thanks for the screenshot, could you post a link to where we can see the element in question as well please?
Best regards,
Rikard
Hi Rikard,
thank you for your reply, I add the link in the private field.
Kind regards,
ebenanders
Hi,
Thank you for the inquiry.
– I would like to have a space between the buttons and the message bar.
– Also, a slight shadow above the entire cookie-bar would be nice
– and a slightly larger font only in the mobile version
You can add this css code to adjust the style of the consent box based on your description above.
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.responsive #top .avia_cookie_text {
margin-bottom: 10px;
}
.responsive #top .avia-cookie-consent p {
font-size: 14px;
line-height: 1.2em;
}
.avia-cookie-consent a.avia_cookie_infolink,
.avia-cookie-consent p,
.avia-cookie-consent .avia-cookie-consent-button {
display: inline-block;
vertical-align: middle;
font-size: 13px;
letter-spacing: 0.05em;
}
.avia-cookie-consent {
box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.1)
}
}
Best regards,
Ismael
That´s perfekt, thank you Ismael, you can close the thread!
Kind regards,
ebenanders