nazaninp

Did you figure this out? I also have a client interested in doing this and would love to know the best way to go about it.

Thank you for your thoughts! I've spent a lot of time parsing through my customizations (both css and squarekicker) to try to find the culprit, but no luck yet. I'll just have to keep searching!

Hi hi! I've tried everything in this thread (and anything else I find in other forum threads), but am running into issues on mobile. The code I've added works well for other devices (desktop, laptop, tablet), but there's still a huge gap on mobile (between the last section [the testimonial slider] and the footer). Any thoughts on how to remove this? Issue is on my Home page. Here's the code I'm currently using: [data-section-id="621692c43056343db79abcae"] { margin-top: -320px; } @media screen and (max-width:2700px) and (min-width:2400px) { [data-section-id="621692c43056343db79abcae"] { margin-top: -250px; } } @media screen and (max-width:1024px) and (min-width:768px) { [data-section-id="621692c43056343db79abcae"] { margin-top: -80px; } } @media screen and (max-width:767px) { [data-section-id="621692c43056343db79abcae"] { margin-top: -915px !important; } } Site: https://parsnip-greyhound-2tmc.squarespace.com/home pw: extraspace Any thoughts? cc @creedon

Ahhh yes I am still on a trial as I build out the site, so that might be it! Thank you for the input. I'll circle back if I'm still running into issues once I upgrade to a paid plan.

I'm having the same issue as well, but only on mobile. The issue is two-fold: (1) When I'm in the CSS editor, the logo is there, but it disappears as soon as I exit out of the editor; and (2) The logo sometimes does randomly show up on mobile after all! But there's no rhyme or reason or any kind of pattern. One day it might be there, then the next entire week it's gone. Here's the code I'm using for both both desktop and mobile (again, desktop is working fine; the issue is only with mobile view): //SVG LOGO// /*Desktop*/ .header-title-logo img { display: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/61c3d8b86bc99919168b81a7/t/61ede0750a718a6aa7cbd5b9/1642979445222/Primary+Logo.svg) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; } /*Mobile*/ .header-mobile-logo img { display: none; } .header-mobile-logo a { display: block; background-image: url('https://static1.squarespace.com/static/61c3d8b86bc99919168b81a7/t/61ede091d5061928096d480b/1642979473428/Alt+Logo.svg') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: left center !important; width: auto !important; height: 35px !important; max-height: 60px !important; } site link: https://parsnip-greyhound-2tmc.squarespace.com pw: svg

@tuanphanTwo things: (1) I'm trying to implement this for animated text on my site, but the effect is that it changes all the words to one color. I need each word to be it's own, separate color. (2) I'd like the animation to play only one time (i.e., I do not want it to loop at all). Not sure where to add this in the code block to implement. Here's the site (it's just a sample site I'm using for now): https://orb-platinum-kx6m.squarespace.com