- This topic has 3 replies, 2 voices, and was last updated 5 years, 3 months ago by
.
Viewing 4 posts - 1 through 4 (of 4 total)
-
Posts
-
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?Customer Support
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!
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
