Return to previous page

Parallax images are shown full sized and blurry on iPad but are sized correctly on desktop

This topic has 6 replies, 3 voices, and was last updated 11 months ago ago by Luca Rossi

feeldesign

Participant

January 30, 2024 at 13:20

Parallax images are shown full sized and blurry on iPad but are sized correctly on desktop which is set to “cover”
See photos of the issue and screenshots of settings https://www.dropbox.com/scl/fo/7ggyseve8xcas4uw9c1dr/h?rlkey=vxg4lq5zght2470a51hgt1vsg&dl=0

Any idea what is causing this? I contacted the Visual Composer people who said some of the settings are added by the XStore theme so is not their issue!!!

Please, contact administrator
for this information.

#381750 Copied Theme version: 9.2.6 WooCommerce version: 8.5.2

5 Answers

Rose Tyler

Support staff

January 30, 2024 at 15:07

Hello, Feeldesign,

We appreciate you contacting us about the issue you are experiencing with the parallax images display on your iPad.

Upon reviewing your Home page, we were unable to identify the problem you mentioned. To assist you further, could you please specify the screen size you are testing on and the browser you are using? Additionally, we recommend checking the display on different browsers and informing us of the results.

Your cooperation is greatly valued, and we eagerly await your response.

Best Regards,
8Theme’s Team

#381782 Copied

feeldesign

Participant

January 30, 2024 at 15:54

Hi, the issue is on the ipad display, if you check the photos in that folder on Dropbox like this image https://www.dropbox.com/scl/fi/h0qxh8kjlee5phdl5woa5/IMG_2221.jpg?rlkey=lcl4ivofdj7v41bsnf0azlbnp&dl=0 you will see the issue on my client’s desktop and iPad, same page on both devices, looking very different! Thanks

#381788 Copied
Luca Rossi

Support staff

January 31, 2024 at 08:20
Dear @feeldesign,

We hope this message finds you well.

We would like to inform you that the parallax image feature, which utilizes the CSS property background-image: fixed, has been found to be incompatible with certain devices. Consequently, our development team has temporarily disabled this feature to ensure a consistent user experience.

Should you wish to reactivate this feature, you may do so by inserting the following custom CSS code. This can be accomplished by navigating to Theme Options, selecting Theme Custom CSS, and then applying the code to the Global CSS section:
```
@media only screen and (max-width: 1024px){
    body .et-attachment-fixed.et-parallax,
    body .et-attachment-fixed>div {
        background-attachment: fixed !important;
        background-size: inherit !important;
    }
}
```
We trust this will address your needs and enhance the functionality of your website on all devices.

Warm regards,
The 8Theme Team
#381881 Copied
feeldesign

Participant

January 31, 2024 at 09:59

Thank you for that, hopefully a fix at some point. My client, who is adding content and design mostly by himself, is keen on the feature, but, I have pointed out, from the stats package we run, less than 5% of visitors are on tablet, it’s mostly desktop, then 10% phones as it is a B2B site. Fingers crossed for a fix though!!

#381898 Copied

Luca Rossi

Support staff

January 31, 2024 at 10:23

Glad we’re able to help!

Warm regards,
The 8Theme Team

#381901 Copied
Tagged: best selling themes, desktop accurate sizing, ipad display issue, parallax image solution, parallax images, woocommerce themes
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Parallax images are shown full sized and blurry on iPad but are sized correctly on desktop’' has been successfully resolved, and the topic is now closed for further responses

Parallax images are shown full sized and blurry on iPad but are sized correctly on desktop

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection