-
AuthorPosts
-
October 3, 2024 at 11:27 am #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,
LisaOctober 4, 2024 at 4:29 am #1468397Hey 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,
IsmaelOctober 7, 2024 at 9:22 am #1468548Hi Ismael,
You can find the images via de link.
Kind Regards,
LisaOctober 8, 2024 at 4:31 am #1468620Hi,
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,
IsmaelOctober 8, 2024 at 11:47 am #1468641Hi 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,
LisaOctober 9, 2024 at 5:58 am #1468688Hi,
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,
IsmaelOctober 9, 2024 at 9:36 am #1468714Hi 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,
LisaOctober 10, 2024 at 4:26 am #1468757Hi,
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,
IsmaelOctober 10, 2024 at 4:31 pm #1468828Hi 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,
LisaOctober 14, 2024 at 6:23 am #1469059Hi,
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,
IsmaelOctober 29, 2024 at 10:51 am #1470092Hi Ismael,
Do you have an update for me?
Kind Regards,
Lisa
October 30, 2024 at 4:03 am #1470180Hi,
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,
IsmaelOctober 30, 2024 at 9:17 am #1470216Hi Ismael,
Thank you for the update. The problem is solved!
Thank you for your help!Kind Regards,
Lisa
October 30, 2024 at 11:59 am #1470231Hi,
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 -
AuthorPosts
- The topic ‘Background image vertical alignment mobile’ is closed to new replies.