Jump to content

Parallax sections messing up on iPad...

Recommended Posts

Site URL: https://www.davai.squarespace.com

Hi all

I have just noticed some pretty substantial errors on one of our websites (password: davai). I have added multiple images as Parallax effect on certain sections with help from the following code:

[data-section-id="5f687b7bd45f307089cd61c5"]{
  .section-background{
    &::after {
    //creating the element      
      content: "";
      width:100%;
      height:100%;
      position: absolute;
      
      //adding the image
      background-image:url(https://static1.squarespace.com/static/5f6873716e3d0466b9953dd9/t/5f7ad62404f4b1678e14f967/1601885776821/RKP_2411.JPG?format=1500w);
      background-repeat:no-repeat;
      
      //positioning the image
      background-size:cover;
      background-position:center center;
      background-attachment: fixed;
      transform: scale(1);  
      
      //mobile
      @media(max-width:787px){
        background-position:center center;
        background-attachment: scroll !important;}}}}

I noticed there is a string of code to change the viewing on mobile, does it need one for tablet/ipads as well?

 

Any fixes will be greatly appreciated!

Desktop fine.png

ipad error.PNG

Iphone fine.PNG

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.