Nick_SquareKicker

That would do it. It's a common mistake to add an overflow-x hidden to the body and html in attempt to stop overflow as it has other consequences. You'll want to use overflow-x: clip to just the body which has a better outcome. body { overflow-x: clip !important; } SquareKicker automatically includes this with the SquareKicker build when you use specific features that might cause overflow such as; block position, scrolling effects, etc. Read more about this overflow css and understanding overflow on Squarespace in a blog post here: https://squarekicker.com/blog/overcoming-css-challenges-how-squarekicker-handles-sticky-situations

@moonlitdesign, When your horizontal scrolling sections appear that have a 1 second delay like there is a transition speed attached to these. I think this is caused by the below custom CSS which will affect how the page scrolls in. Is this your issue? @keyframes SlideIn { 0% { transform: translatex(100%) } 100% { transform: translatex(0) } } #page { animation: 1s ease-out SlideIn !important }

Hi @moonlitdesign, You can Enable Horizontal Scroll on mobile with SquareKicker using the Toggle in the tool settings "Mobile Devices" See Screenshot below. It's not on by default because normally there is too much content in the section to all fit on a mobile device and content gets cut off on smaller devices so you may want to reduce the content if you want to enable horizontal scrolling on mobile. It looks like the space you are describing is caused by extra rows in the Fluid Engine Grid. You can use Squarespace's Mobile Edit mode to reduce these rows. The rows of a section is one of the only section settings that is unique to mobile and desktop. If you need further help you can reach out to support@squarekicker.com

Just happy to help. I've been there more times then I can count. Writing code in Squarespace can be so nice and easy, but when things don't work, debugging them can be a pain and you just loose hours of productivity in the end. It's where the idea of SquareKicker came from, because I was sure I wasn't the only one who wished there was and easier way to build custom websites that would free me from technical issues and allow me to stay focused on the design and creativity.

Hi @goosbumps, I've got your DM asking for some help. I've had a look at your site and it just looks like you are missing a closing </style> tag at the end of your CSS in your Footer. Without this, your SQSP code is breaking the SVG's on your site. You could move your CSS to your Custom CSS area so you don't need opening and closing style tags and just leave your Scripts in your Footer. FYI - To reduce your code, you could do most of what your custom code is doing with SquareKicker then you won't have to worry about broken code messing up your site: ie SquareKicker can hide your Social Icons in you overlay menu per screen size, has a built in Back to Top Button, hover animations, etc.

Hi @baileyrl48, SquareKicker only works for Squarespace 7.1 but works on both Classic and Fluid Engine. Now that there is a 7.0 -> 7.1 migration tool, you can migrate your site to 7.1 and install SquareKicker! Check out this helpful video here:

Hi @CliftonRhoad, Have you tried SquareKicker Sticky Blocks? https://www.squarekicker.com/letsmakethis/no-code-sticky-blocks

Hi @REARCH, I've had a look at your site and all of SquareKicker has been removed. Also, it looks like there is some weird styling on your H2 and H4 text with 1200px Margin Left (See Screenshot). If this is removed, it fixes this issue. This is not SquareKicker code, but would happy to help have a look at what is causing this for you, but would need admin access to your site sent to support@squarekicker.com.

Hi @freshlypressed, you can use SquareKicker for this. Great when you want to keep your background banner images or videos with background image effects etc and then overlap a block over another section. See instructions below. In Fluid Engine: 1.) Make the Section Content align to the bottom with Fluid Engine first so you do not have to move it past the Section padding or remove the Section "Fill Screen" to remove the section padding. 2.) Next use the SquareKicker Section Tool to adjust the "Layer Level" to 1. You will need this to adjust the z-index of the section to make sure the image does not get cropped when you move it down. 3.) Lastly move the image block to the bottom of the section and use the SquareKicker position tool to move the image block down. SquareKicker > Position > Vertical. Note: this is automatically set to 0 on mobile devices so you don't need to set a device specific code, but you can micro manage this per devices with SquareKicker. Once you are done, if you don't need to make anymore changes you can cancel SquareKicker and all your saved custom code changes will save forever without an on going subscription. Here is a video showing the Position tool in use.

If you have any broken code in your header this will break your site. Sounds like you accidentally deleted some SK code which will in return have a ripple affects for any code below this site. If you remove all SK’s code and reinstall, SK will rebuild your Saved changes from backup. Thanks for your help @creedon!

SquareKicker gives you the tools to take your Squarespace website to the next level... but sometimes you just need a little inspiration to get your ideas flowing. Here are some of the very best examples of Squarespace Websites to show you just how far you can take your designs with SquareKicker. SEE ALL INSPIRING SQUARESPACE WEBSITE EXAMPLES https://www.squarekicker.com/inspiring-squarespace-website-examples Posting New Websites Every Week!

Hi @44degreesnorth, Something like this looks like a scrolling slideshow. This is not possible with SquareKicker yet, but this is on our roadmap. I recommend using Squarespace's Auto Layout Section. It will be very close to this.

Have you tried Fluid Engine? Within a Fluid Engine Section you can place and resize images (or any block) specifically for mobile or desktop. This gives you the ability to do exactly what your describing natively in Squarespace without using custom code.

@PaulllGlad to hear. Will be look forward to adding this as a SquareKicker Tool in the future. 😉 Try changing control=1 to controls=0

Just sent you a message. I'll give you a hand.