Archived topic
Elements: Background Image looks bad in Mobile Version of the Page
5 replies · Started by Ferhat on May 16, 2020
Hey Guys,
i have an issue with my Elements Background image and i didnt find something in the support forum, to fix this issue.
On my Frontpage i have an background image: https://www.nebenbeionline.de/ or this one: https://www.nebenbeionline.de/geld-verdienen/
When you go to the mobile Version the image alignment will not be centered, even when i put the positioning to center top (center center is not available).
How can i make sure, that the background will show responsive in mobile Version?
regardly
Ferhat
Hi there,
center center position is not available when parallax is activated unfortunately.
Can you give this CSS a shot?
@media (max-width: 768px) {
body .page-hero {
background-position: center center !important;
}
}Hey Leo,
it sadly didnt work. I can live with this, when the image mostly adjusts with a smartphone screen... it looks bad, when you just can see a part of a image.
regardly
Ferhat
Hi there,
to show more of the image edit the Header Element, then beside Padding select the Mobile Icon and reduce the Top and Bottom padding.
I'm having the same issue with our background image. However adjusting the padding did not work. I appears as though the background image is not scaling for the mobile device. The content is scaling correctly, just not the background image.
Hi Nicholas,
May you kindly start a new topic? Moreover, to have a better understanding of the issue, may you kindly provide the link to the site in question?
You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
A side note: only the topic starter may utilize the private information field.
Hope to hear from you soon. :)
