Jump to content

annamyers139

Member
  • Posts

    4
  • Joined

  • Last visited

annamyers139's Achievements

Level 2

Level 2 (2/20)

0

Reputation

  1. Oh, you're right, I didn't look there! Here it is: <script> /** * Gallery Section Auto Scroller **/ (function () { setAutoScroll({ gallery: 1, direction: 2, timing: 3000, }); function setAutoScroll(settings) { function init() { let section = document.querySelectorAll(".page-section.gallery-section")[settings.gallery - 1]; function clickArrow() { if (section && !document.querySelector("html.sqs-modal-lightbox-open") && !document.hidden && !document.querySelector("body.sqs-edit-mode")) { let arrow = section.querySelectorAll(".gallery-reel-control .gallery-reel-control-btn")[settings.direction - 1]; if (arrow) arrow.click(); } } window.setInterval(clickArrow, settings.timing); } window.addEventListener("DOMContentLoaded", init); } })(); </script> Thanks so much for any help in advance, I appreciate it 🙂
  2. Hi hi everyone! I'm having a strange glitch with the gallery/reel function on my site -- I've got two galleries set to slideshow:reel on my homepage, one scrolls absolutely fine (top one) and the one just above doesn't move an inch. They're both logos, so ideally they'd both scroll on autoplay 😄 I tried moving the bottom one to the top and it works fine, but when I put it back underneath the other blue section, where it belongs, it goes back to not moving an inch. Strange! Do you guys know anything about this, is there somethign I can do? https://www.annamyers.co.uk/ PW: sofia CSS code that I've already got for this block (related to mobile height, shouldn't have anything to do with scrolling, but posting it anyway in case it's useful): /* - - Gallery Reel - - */ @media only screen and (max-width:767px) { .gallery-reel{ height:7vh!important } .gallery-reel-item{ height: inherit!important } }
×
×
  • 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.