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 1 years, 4 months ago ago by Luca Rossi

  • Avatar: feeldesign
    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
    Avatar: Rose Tyler
    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
    Avatar: feeldesign
    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
    Avatar: Justin
    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
    Avatar: feeldesign
    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
    Avatar: Justin
    Luca Rossi
    Support staff
    January 31, 2024 at 10:23

    Glad we’re able to help!

    Warm regards,
    The 8Theme Team

    #381901 Copied

  • Tagged: , , , , ,

  • 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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.