MillyBanks

Hi, hoping this is an easy one! I have made a one page website and want the navigation bar to anchor down to various sections. I have added the standard anchor link code blocks where relevant but no matter what I add in the nav bar they aren't working. I have tried the following: Adding full links to the nav link - https://www.dovesflightgundogs.com/home#services Adding the anchor link - #services Adding the page url and anchor link - /home#services If someone is able to help that would be great! Website: https://www.dovesflightgundogs.com/home

The site is live www.luxamatravel.com/home

Hey @tuanphan- the site is now public and the domain is being transfered https://herring-bagpipe-zwtl.squarespace.com

I have added a password - https://cube-ladybug-c6ck.squarespace.com/ - Luxama

https://cube-ladybug-c6ck.squarespace.com/ 😃

Hi, hoping you can help! I installed this font some time back and had it working on a couple of my sites but it had stopped working and for the life of me I can't see the issue. This is for a counter graphic on the home page - simply want the numbers to count up as you scroll down. Can anyone help identity where the problem is? Wondering whether it's in the #block-id's but can't be sure. @tuanphan? 🙏 <script> (function(){ let playInBackend = true, timing = 4, section = '', direction = 1; 1 = forwards, 0 = backwards /*Do not Adjust below this line*/ function AutoScrollLayout(e){e=""==e?document.querySelector(".user-items-list-section"):document.querySelector(e);let t,n,o,i,c,r=!1,s=e.querySelectorAll('button[class*="__arrow-button"]');function d(){t=setInterval(u,n)}function u(){o=document.querySelector("body.sqs-edit-mode-active"),i=document.querySelector(".sqs-modal-lightbox-open"),r||o||i||!c||s[direction].click()}n=1e3*timing;if(document.addEventListener("visibilitychange",function(){r=!!document.hidden}),["mousedown","touchstart"].forEach(t=>{e.addEventListener(t,function(){r=!0})}),["mouseup","touchend"].forEach(n=>{e.addEventListener(n,function(){r=!1,clearInterval(t),d()})}),window.IntersectionObserver){new IntersectionObserver((e,t)=>{e.forEach(e=>{c=!!e.isIntersecting})},{rootMargin:"-75px 0px -75px 0px"}).observe(e)}s[direction]&&d()}window.addEventListener("load",function(){let e=new Array;e.push(section),section.includes(",")&&(e=section.split(",")),e.forEach(e=>{(window.top==window.self||window.top!==window.self&&playInBackend)&&new AutoScrollLayout(e)})}); }()); </script> <script> // how many seconds do you want it to animate? var animateSeconds = 3; /* Do Not Edit Below Here */ function isInViewport(elem) { var bounding = elem.getBoundingClientRect(); return ( bounding.top >= 0 && bounding.left >= 0 && bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) && bounding.right <= (window.innerWidth || document.documentElement.clientWidth) ); }; whenReady = function (readyFunc, actionFunc, options) { if (readyFunc()) { actionFunc.apply(this); } else { if (!options) options = {}; if (!options.current) options.current = 0; if (!options.max) options.max = 60000; if (!options.interval) options.interval = 500; if (options.current < options.max) { setTimeout(function () { options.current += options.interval; whenReady(readyFunc, actionFunc, options); }, options.interval); } else if (options.ontimeout) { options.ontimeout(); } } return true; }; whenReady( function () { return document.querySelectorAll("#block-yui_3_17_2_1_1701432935919_19729").length; }, function () { // var spacerBar = document.querySelector("#block-yui_3_17_2_1_1701432935919_19729"); var spacerBar = document.querySelector("#block-yui_3_17_2_1_1701432935919_19729"); // save first number var projects = document.querySelector("#block-yui_3_17_2_1_1701432935919_19729 h1"); var projectsNum = +projects.textContent; // save second number var clients = document.querySelector("#block-1b4046f3b88f6d347803 h1"); var clientsNum = +clients.textContent; // save third number var ongoing = document.querySelector("#block-ebe95cf3e8d568fc8f4e h1"); var ongoingNum = +ongoing.textContent; // save Fourth number var ongoing = document.querySelector("#block-2933e46eda3812b43cf5 h1"); var ongoingNum = +ongoing.textContent; // set all numbers to zero projects.textContent = clients.textContent = ongoing.textContent = 0; function animateNumbers() { if (isInViewport(spacerBar) && !window.numbersAnimated) { // animate the numbers back to their original. over X seconds. var curProjects = 0, curClients = 0, curOngoing = 0; var animating = setInterval(function(){ curProjects += projectsNum / (animateSeconds * 100); curClients += clientsNum / (animateSeconds * 100); curOngoing += ongoingNum / (animateSeconds * 100); projects.textContent = Math.floor(curProjects); clients.textContent = Math.floor(curClients); ongoing.textContent = Math.floor(curOngoing); }, 10); window.numbersAnimated = true; // turn off the interval after X seconds setTimeout(function(){ clearInterval(animating); // set the numbers to their original projects.textContent = projectsNum; clients.textContent = clientsNum; ongoing.textContent = ongoingNum; }, animateSeconds * 1000); } } // if page loads and numbers are visible animateNumbers(); // when scrolling window.addEventListener('scroll', animateNumbers); },

Hi, hoping you can help. I'd like this list section to break on Ipad and go to two columns so showing a grid rather than 3 and 1 underneath. Then continue to stack in one column on mobile.

Hi, I found some awesome code for a typewriter effect which is working really well. As often happens there is some unnecessary padding in the code block. On Squarespace 7.1 Fluid Engine. Is anyone able to help me identity why this is happening? Thanks in advance https://www.shiftmovement.org.uk/home password: SHIFT2023

Hi, I want to stack this simple list section as soon as it breaks to tablet size. At the moment when screensize is reduced the 3rd card goes underneath leaving 2 columns. I want to get it to stack to one column as soon as it breaks... Any help appreciated!!!

Hi @tuanphan this hasn't worked unfortunately.

Hi, WWW.ANNAGRIFFINCOACHING.COM PASSWORD: home8 I need to stop the text in my slideshow banner from hyphenating when screen sizes are changing. If possible scaling the text potentially as it responds? Any help would be appreciated! @tuanphan? I currently have the following code addressing the slider text: section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"] h2.list-item-content__title { font-size: 38px !important; color: #E0BE7E !important; } section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"] .list-item-content__description { font-size: 20px !important; color: #E7E0DA !important; font-weight: 400; } section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"] .list-item-content__description strong { font-family: The Pallace; line-height: .8em; letter-spacing: .01em; font-weight: 300!important; font-size: 60px !important; color: #E7E0DA !important; } //banner 3 testimonial// section[data-section-id="646a8e78ef30617fa582bedc"] h2.list-item-content__title { font-size: 35px !important; color: #44535D !important; } section[data-section-id="646a8e78ef30617fa582bedc"] .list-item-content__description { font-size: 18px !important; color: #44535D !important; font-weight: 400; } section[data-section-id="646a8e78ef30617fa582bedc"] .list-item-content__description strong { font-family: The Pallace; line-height: .99em; letter-spacing: .01em; font-weight: 300!important; font-size: 55px !important; color: #44535D !important; } p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; }

Hi @tuanphan! sorry try /home-5 ___________________________ I have used and adapted the code on a website i'm building. Is there a way to make it stay when responsive? https://marigold-circle-h5rk.squarespace.com/home-1 //button #block-yui_3_17_2_1_1684499295374_31180 { position: absolute; bottom: -345px; grid-area: none !important; width: 12em!important; left: 50%; transform: translateX(-50%); } #block-yui_3_17_2_1_1684499295374_31180 a.sqs-button-element--primary.sqs-block-button-element { padding: 1.2em 1.9em !important; display: block !important; } #block-yui_3_17_2_1_1684499295374_31180 div { height: auto !important; display: block !important; } section[data-section-id="646751027caf7d54b08a96cd"] { z-index: 123456789 !important;; }

Hi @tuanphan, I have used and adapted the code on a website i'm building. Is there a way to make it stay when responsive? https://marigold-circle-h5rk.squarespace.com/home-1 //button #block-yui_3_17_2_1_1684499295374_31180 { position: absolute; bottom: -345px; grid-area: none !important; width: 12em!important; left: 50%; transform: translateX(-50%); } #block-yui_3_17_2_1_1684499295374_31180 a.sqs-button-element--primary.sqs-block-button-element { padding: 1.2em 1.9em !important; display: block !important; } #block-yui_3_17_2_1_1684499295374_31180 div { height: auto !important; display: block !important; } section[data-section-id="646751027caf7d54b08a96cd"] { z-index: 123456789 !important;; }

Does anyone know how to make a summary block like this act a bit more like a gallery carousel. Just sliding automatically one to the left to show the next picture not showing the next 4 pictures if that makes sense? I want to use in the footer as a gallery block had an issue with excess bottom padding. https://www.thecreativitybank.com/

Interesting! Thank you so much anyway 🙂 Although it isn't an Instagram block at the moment - just a gallery block?

@Ziggy it should be public with password - 'Creative' could you take another look?

Hi sorry I thought I shared the website https://parrotfish-crimson-3csh.squarespace.com/ password - Creative

Hi, I am using a carousel in place of an instagram feed in the footer of my site while I get things up and running and am having some trouble with the padding at the bottom. The gallery block is causing the footer to have pointless space at the bottom. Can anyone help? Thanks in advance!

Hi, I am just putting together a pop up to promote a black friday code for a client. They simply want the code to appear once they have gathered the email from the client. I have put this together but when I add the post submit text it appears just awkwardly underneath the GDPR privacy disclaimer. (shown below) Is there a way for the post submit to simply have the desired text in the centre of the box? Like i've mocked up below. Help would be appreciated asap as the offer goes live tomorrow! Thanks in advance!

Thanks @tuanphan that worked really well! Anything to make the buttons sit side by side on the very last section?

Site URL: http://www.shiftmovement.org.uk/funded-opportunities Hey trying to get these two buttons at the bottom of my site to sit side by side on mobile but none of this seems to work. I am onBrine 7.0 www.shiftmovement.org.uk/funded-opportunities password: ShiftMovement1 I am also trying to get the videos in the #testimonials section to stack in a different order. The first is correct with the video then the quote but the second needs to do the same. any help appreciated!!!!

Hey trying to get these two buttons at the bottom of my site to sit side by side on mobile but none of this seems to work. I am on Brine 7.0 www.shiftmovement.org.uk/funded-opportunities password: ShiftMovement1 I am also trying to get the videos in the #testimonials section to stack in a different order. The first is correct with the video then the quote but the second needs to do the same. any help appreciated!!!!

Is it possible to have a block of text have a drop down/ accordian style like this (where it shows some text) but only on Mobile?

Hi @tuanphan any idea on how I can solve this? 🙂

Hi @tuanphan no unfortunately not. The image still sits strangely within the border etc.