mp4 Posted August 6, 2022 Posted August 6, 2022 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!
paul2009 Posted August 6, 2022 Posted August 6, 2022 (edited) 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: See my post about Tremont to see how Squarespace intended this page type to be used. Edited August 6, 2022 by paul2009 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
Solution Beyondspace Posted August 6, 2022 Solution Posted August 6, 2022 (edited) 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 August 6, 2022 by bangank36 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment