Problems with parallax and featured images on home view

  • Author
    Posts
  • #153719

    musicfromorion
    Member
    Original poster

    Hi, I’m experiencing some problems with the parallax effect of this theme.
    When using a desktop browser, parallax effect works as expected. The behaviour of the web also works as expected when using an iPhone or an android phone web browser. The problem comes when using a tablet like and iPad. The featured images are not scaled as expected and the parallax effect also doesn’t work. When testing the web with different browsers and screen sizes this effect works and images are viewed properly.
    Any idea of how to solve this issue?
    Thank you in advance.

    The blog I need help with is: orionpatrol.net

    #154442

    thelukemcdonald
    Theme Author

    Ovation uses a parallax-like scrolling effect on desktop screens that we’re unable to replicate on mobile screens, rather than true parallax. On smaller screens the parallax image scrolls with the page.

    The parallax images may be different sizes depending upon the screensize and orientation; the image won’t show the same across various screen sizes. The images should fill the width of the screen and the set height for the screen size.

    You can try cropping the images used for the parallax to be the same size. Typically a landscape orientation works best or an image cropped to a 16:9 image aspect ratio.

    You may also be able to adjust the height of the image using custom CSS for the various screensizes to achieve a scale that fits your needs. This will take a bit of testing and tweaking the fit your image.

    I hope that helps. Let me know if you have any questions on this.

The topic ‘Problems with parallax and featured images on home view’ is closed to new replies.