katamb

Hi, I am working on a preschool site and want something similar to the train (attached) to automatically pan left or right on vertical scroll in between sections. The overall effect I want is that the train is traveling down the page as users scroll down. I would also want the train to pan to its original position when scrolling up again. Please let me know if this is possible in SS through code. I don't have a website example to demonstrate what I am looking for so hope fully I explained it properly. I also have't started the SS site to share with you, it is a proposed animation I'd love to share with clients but want to be confident it can be achieved. Thanks for any help.

Of course! Hate to bug you again, I just has one more issue figuring out this code. I realize now it makes the section inactive both in editing and the live site, so my users can't click the links and I can't edit anything in this section. Any way you can assist? website: https://www.katabaez.com/ pw: 12345ENTERPRISE Code: section[data-section-id="669c2b7e2a65c5548b446f8e"].page-section { position: sticky!important; bottom: 0px !important; z-index:-1; } Thanks!

Hi, website: https://www.katabaez.com/ pw: 12345ENTERPRISE On my home page, i used the following code to make the last section sticky so the top layer reveals it like a drawer effect. The code freezes the section, both in editing and live so my users can't click the links. Any way I can fix this? Code: section[data-section-id="669c2b7e2a65c5548b446f8e"].page-section { position: sticky!important; bottom: 0px!important; z-index:-1; } Thanks!

You're a lifesaver thank you! Worked like a charm.

Yes, it's working, I just don't want it visible on the page the whole time, only at the bottom if there's anyway that that's possible. Thanks Ziggy!

Hi, It didn't work since it doesn't recognize it as the footer. This code worked great, however the section is overlapping other sections when I just want it to remain behind them so it is only revealed at the bottom. section[data-section-id="669c2b7e2a65c5548b446f8e"].page-section { position: sticky!important; bottom: 0px!important; z-index:0; } www.katabaez.com Any way you can assist?

Hi Ziggy, Yes exactly that, I would just prefer to not pay for plug in and code it in CSS if you can help with that. Thanks.

Hi, I would like to make the very last section of my website stick to the bottom so it appears that the section before looks like it's revealing what has been there all along (looks like a layer over it). The last section is not an official footer by the way, it is a section I customized and removed the footer. www.katabaez.com Thanks!

looking forward to it thanks again!

That would be great, I’d really appreciate it! 🙏

Thank you so much, worked like a charm! Would you happen to have the custom codes to make the desktop look header look like that?

I made it public, Katabaez.com. I’d like to make the nav bar look like the design underneath while maintaining the mobile nav bar which I hope to keep the same. Thanks!

It’s in development mode and private. Basically I would like to maintain the hamburger menu for mobile, while making my nav bar in desktop look like this website’s: https://www.yeswearemadarts.com I figured I would create my own in desktop since designing the Squarespace built in nav bar is limited.

Hi, I used CSS to remove the header and footer sections of my site in desktop in order to create my own. I would like to keep the nav bar in mobile in order to have my logo and hamburger icon up top. My code removed the nav bars from both. Is there a way to retrieve the mobile? Thank you.

Thank you Ziggy! Unfortunately the plugin is out of my budget, was hoping to find a coding solution to avoid paying. But I appreciate it, I'll keep it in mind for the future.