Jump to content

disable parallax in mobile only, 7.0

Recommended Posts

On 1/17/2023 at 10:55 AM, fc1 said:

@tuanphan all of the pages on empathystories.org use parallax.

Add to Design > Custom CSS

/* Mobile disable parallax */
@media screen and (max-width:640px) {
.Parallax-item figure {
    transform: unset !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
On 2/24/2023 at 9:17 AM, GrahamRoper said:

@tuanphan I used the above suggested CSS to remove parallax scrolling from my site. It worked, but now there are blank spaces between the banner images on mobile index pages. Any suggestions to correct this?

https://grahamroper.com/photo
Password: utah

It is fine to me. Can you take a screenshot of blank spaces?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 2/27/2023 at 3:19 AM, tuanphan said:

It is fine to me. Can you take a screenshot of blank spaces?

I was able to fix the issue by deselecting "apply minimum height" under Index: Page options in design styles. I then simply added spacers manually to create a fixed height to mimic the default look.

I appreciate the help nonetheless.

Link to comment

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.