Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1468349

    Dear Kriesi,
    Even though I have specified the vertical alignment for background images the settings get ignored at mobile devices.
    What can I do to make this work?
    Kind Regards,
    Lisa

    #1468397

    Hey StyleCreations,

    Thank you for the inquiry.

    How did you set the vertical alignment? Please provide a screenshot of the settings and the image with the alignment issue. You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.

    Best regards,
    Ismael

    #1468548

    Hi Ismael,
    You can find the images via de link.
    Kind Regards,
    Lisa

    #1468620

    Hi,

    Thank you for the screenshots.

    It looks like you have fixed this by enabling the parallax option. Please check the screenshot in the private field. Let us know if you need further assistance.

    Best regards,
    Ismael

    #1468641

    Hi Ismael,
    Thank you for your message.
    I checked the page right away by using my phone. Unfortunately the image still does not get alligned how the settings are set. Still I only see the shoulder of the woman instead of the face (located top center).
    Kind Regards,
    Lisa

    #1468688

    Hi,

    Thank you for the update.

    The screenshot was taken using an iPhone SE emulation. What is the actual model of your iPhone device? Please try adding this css code to adjust the parallax background position:

    @media only screen and (max-width: 390px) and (max-height: 844px) {
        .avia-section.av-4yjl9v-7b320115415e977d04047ac1e3f3980a .av-parallax .av-parallax-inner {
            top: 150px;
        }
    }

    Best regards,
    Ismael

    #1468714

    Hi Ismael,
    I have added the code, but unfortunately nothing changes.
    The devices I used are an iPhone 15 pro and an iPhone Xs. Both show the same problem. In the simulator at my laptop the background shows how it supposed to be, but at a real phone it does not.
    Kind Regards,
    Lisa

    #1468757

    Hi,

    We adjusted the css code again. Please make sure to temporarily disable the Enfold > Performance > File Compression settings and purge the cache before testing the page again. You can also try checking the site on incognito mode:

    @media only screen and (max-width: 390px) and (max-height: 844px), 
           only screen and (max-width: 375px) and (max-height: 812px) {
        .avia-section.av-4yjl9v-7b320115415e977d04047ac1e3f3980a .av-parallax .av-parallax-inner {
            top: 150px;
        }
    }
    

    Best regards,
    Ismael

    #1468828

    Hi Ismael,
    I checked the site after disabling the file compression and purging the cache. Also I visited the page incognito modus. Still the background position is not right.
    Kind Regards,
    Lisa

    #1469059

    Hi,

    The modification seems to be working on our end. We’ve forwarded the issue to our channel. Please wait for the rest of the team to respond.

    Best regards,
    Ismael

    #1470092

    Hi Ismael,

    Do you have an update for me?

    Kind Regards,

    Lisa

    #1470180

    Hi,

    Sorry for the delay. The modification seems to be working on our end. Please check the screenshot in the private field. We temporarily disabled the Enfold > Performance > File Compression settings. Please make sure to purge the cache and remove the browser history before checking the page.

    Best regards,
    Ismael

    #1470216

    Hi Ismael,

    Thank you for the update. The problem is solved!
    Thank you for your help!

    Kind Regards,

    Lisa

    #1470231

    Hi,

    Great, I’m glad that Ismael could help you out. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Background image vertical alignment mobile’ is closed to new replies.