Jump to content

Removed sitewide animation from specific page

Recommended Posts

Site URL: https://www.misschaela.com/work

Hi, 

When scrolling on a portfolio page which has the Grid: Simple layout, I found that the contents weren't loading until having scrolled down quite a bit. My sitewide animation is set to slide.

I managed to find some code where I was able to remove the animation from the page however, I realised that on mobile devices this has effected the menu. The menu icon is now just a single line instead of two. I am in search for some help to fix this menu issue.

Code added:

body#collection-62be561888195b576821081f * {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}

Any help would really be appreciated!

 

Link to comment
  • Replies 1
  • Views 251
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Try this new code

body#collection-62be561888195b576821081f *:not(.top-bun):not(.patty):not(.bottom-bun) {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.