-
Posts
-
Hi,
I’m working on a one page website and one background image is not showing on mobile, though it’s perfectly showing on desktop.
Link in private content.Hope you can help.
Best regards!
Hey northorie,
I’m nt sure what image is showing on mobile, perhaps a screenshot would help.Best regards,
MikeHi, here is the screen with the missing image (white space)
It should be above the headline “Über mich – Claudia Carstens”Can you help me?
Best regards!Hi,
Thanks for the update. In which browser and device are you seeing this problem? If it’s in Safari on IOS, then it might be browser related. https://www.reddit.com/r/csshelp/comments/1cefzv4/trying_to_get_a_fixed_background_on_mobile/
Best regards,
RikardHello again,
I still have the problem: I’ve now moved the site to the original domain, and the issue is not related to the browser, but to the column settings. I’m using the image as a column background, and when I set it to “scale to fit”, it doesn’t show on mobile. When I change it to “stretch to fit”, it does appear — but then the resolution looks strange and unattractive on desktop. What’s the solution?Best regards
Hi,
Thank you for the update.
and when I set it to “scale to fit”, it doesn’t show on mobile.
The background is set to “scale to fit” and it’s still visible on smaller screens when we checked. If the issue still occurs on your end, try to duplicate the section, adjust the background size settings, one using “scale to fit” and the other “stretch to fit”, then toggle the sections’ visibility for different sizes using the Advanced > Responsive > Element Visibility options.
You can also add this css code to manually adjust the background size to “cover” or “stretch to fit” on smaller screens:
@media only screen and (max-width: 989px) { /* Add your Mobile Styles here */ #top #wrap_all .flex_cell.av-m7hqe6b7-0a95c68b280818d6da5bb44681988588 { background-size: cover !important; } }Best regards,
Ismael
- You must be logged in to reply to this topic.