Jump to content

First page of site "blinking" on mobile and mouse over on browser

Go to solution Solved by Beyondspace,

Recommended Posts

Site URL: https://www.jansenmtairy.com

Hi,

We just noticed that our main page for our client's website began blinking on mobile, and it also blinks when moving the mouse around on desktop. This may have appeared after adding a promotional popup, but even disabling that, the issue persists. Any ideas what this might be or how to fix the problem?

Thanks so much!

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

48 minutes ago, mp4 said:

We just noticed that our main page for our client's website began blinking on mobile, and it also blinks when moving the mouse around on desktop. Any ideas what this might be or how to fix the problem?

You are using a Tremont index page for this page. An Index page creates a slideshow of full-bleed images and has a fade effect when you switch between images by mousing over the title in the centre of the page.

However, instead of adding multiple images to this page (as Squarespace intended) you are using the same image twice. When a user mouses over the central area, Squarespace changes the image to the other identical image, and you are seeing the fade effect between them.

When I change the second image and hover over the central area, you will see what I mean:

image.gif.f51fa2798cdfc771802b165bde76a006.gif

See my post about Tremont to see how Squarespace intended this page type to be used.

Edited by paul2009

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
  • Solution
19 minutes ago, mp4 said:

Site URL: https://www.jansenmtairy.com

Hi,

We just noticed that our main page for our client's website began blinking on mobile, and it also blinks when moving the mouse around on desktop. This may have appeared after adding a promotional popup, but even disabling that, the issue persists. Any ideas what this might be or how to fix the problem?

Thanks so much!

I check that there is an event that adds a new class and set the style of transition for this class. In order to overwrite this blink style, you can try adding to Home > Design > Custom css

#collection-588a8923b3db2b265e893d25 img {
  transition: none;
}

Hope it makes sense.

Support me by pressing 👍 if this useful for you

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. 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.