Archived topic
Image Header in Mobile mode
3 replies · Started by Enrico on December 11, 2020
Viewing posts 1–4 of 4
Hello.
I’ve created a header for a page through Elements and it looks great on Desktop. However, not so much on mobile – only a small portion of the image appears.
I found the solution reading this post in the support forum, but it does not work.
Please, may you have a look?
Hi there,
you have the full screen option enabled in your Header Element - which means any padding that would create a smaller height image is overwritten.
You can disable he Full Height on Mobile devices by adding this CSS:
@media (max-width: 768px) {
.page-hero {
min-height: auto;
}
}Thank you very much!
It's fine now.
Have a good day!
Happy to be of help!
This archived topic is closed to new replies.
