Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1478377

    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!

    #1478385

    Hey northorie,
    I’m nt sure what image is showing on mobile, perhaps a screenshot would help.

    Best regards,
    Mike

    #1479349

    Hi, here is the screen with the missing image (white space)
    Missing image
    It should be above the headline “Über mich – Claudia Carstens”

    Can you help me?
    Best regards!

    #1479419

    Hi,
    This one right?
    Screen Shot 2025 03 15 at 1.44.17 PM

    Best regards,
    Mike

    #1479734

    Yes, it’s not visible for me

    • This reply was modified 3 months, 1 week ago by northorie.
    #1479777

    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,
    Rikard

    #1479947

    Yes, it’s iOS and safari. I will check the solution from your link. Thanks for now

    #1485651

    Hello 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

    #1485660

    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.

    View post on imgur.com

    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.