Hello, I am experiencing an issue with the cookie-Banner in mobile view:
It is always displayed below the footer — can you help, please?
(links see below)
Thanks!
Hey xela,
Thank you for the inquiry.
Did you add this css code? The css hides the popup only when the screen is wider than 600px.
@media only screen and (min-width: 600px) {
.av-inline-modal {
padding: 20px;
border-radius: 4px;
min-width: 250px;
max-width: 800px;
margin: 0 auto;
position: relative;
display: none;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0;
}
}
Please toggle or temporarily disable the Enfold > Performance > File Compression settings so that we can check the issue further. There might be invalid css code (e.g unclosed declarations, missing curly braces, missing semicolon) in the Quick CSS field or in the style.css file.
Best regards,
Ismael.
Thanks.
I deactivated the compression, please have a look again.
I did not add the css-code you sent above. Shall I?
Hi,
Thank you for the update.
The privacy popup is now correctly hidden on mobile view and only display once the privacy button is clicked. It is possible that there are invalid css code in previous css modifications. Please look for this css media query in the Quick CSS, style.css file or in the Customize > Additional CSS field and inspect the css declarations inside.
@media only screen and (min-width: 600px) {
}
Best regards,
Ismael
Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike