jakobsquare Posted October 1, 2021 Share Posted October 1, 2021 Site URL: https://www.arnaldoabba.com/ How does one go about making a page scroll horizontally instead of vertically - like this page: https://www.arnaldoabba.com/ I have tried modifying the ishimoto template myself, but just cant seem to get it to work. Are there and CSS gurus out there that can help me with an explanation? Any help is much appreciated. - Jakob Link to comment
Wolfsilon Posted October 1, 2021 Share Posted October 1, 2021 I'm assuming that both links you shared are the examples, I don't have context of your website to help you. However, it's safe to assume that you'll need a Javascript enabled site. You can possibly code this yourself if you're adept at Javascript and CSS or you can purchase a plugin to do this for you. If you're using 7.1, I think that sqsmods has recently rolled out a pretty robust horizontal scroll plugin for a reasonable price. If you're using 7.0, it could be a bit more tricky but if I remember correctly there are some templates that have a horizontal-like features that might be able to be tweaked to meet your liking. Either way, you'll need Javascript to do this and it would be best if you could provide the link to your site. Link to comment
jakobsquare Posted October 2, 2021 Author Share Posted October 2, 2021 Thank you for your response wolfsilon. I figured out how to do it with css and html for anyone interested: https://css-tricks.com/pure-css-horizontal-scrolling/ Beyondspace 1 Link to comment
Nick_SquareKicker Posted December 5, 2021 Share Posted December 5, 2021 @jakobsquare did you find a solutions for this yet? You can do this easily with SquareKicker. Select as many sections as you want to scroll horizontally, choose left to right scroll or reverse, choose a flow into screen, fixed background, and finally this is fully optimised for mobile devices. All without having to touch a single line of code! If you only want this single feature, you can uses SquareKicker for a single month and changes will save forever. See tutorial link below/ https://squarekicker.com/letsmakethis/horizontal-scroll Hi, I'm Nick, CEO & Co-Founder at squarekicker.com. Take your Squarespace sites to the next level with SquareKicker's No-Code Design & Animation Extension. Break free from templates & complex code and start building unique websites that you are proud to show your clients without ever having to write a single line of code. Tutorials ● News ● Inspiration ● Features ● FAQS Link to comment
44degreesnorth Posted October 10, 2022 Share Posted October 10, 2022 @Nick_SquareKicker, love your product! Am going to subscribe after my trial ends. I am wondering if we can use SquareKicker to create overflow horizontal scrolling like what is seen on this site: https://insheepsclothinghifi.com/ in the "RECENT EDITORIAL" section. The content only scrolls left to right if you hover over it and scroll across the page or use the slider. Link to comment
Nick_SquareKicker Posted October 11, 2022 Share Posted October 11, 2022 11 hours ago, 44degreesnorth said: @Nick_SquareKicker, love your product! Am going to subscribe after my trial ends. I am wondering if we can use SquareKicker to create overflow horizontal scrolling like what is seen on this site: https://insheepsclothinghifi.com/ in the "RECENT EDITORIAL" section. The content only scrolls left to right if you hover over it and scroll across the page or use the slider. 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. Hi, I'm Nick, CEO & Co-Founder at squarekicker.com. Take your Squarespace sites to the next level with SquareKicker's No-Code Design & Animation Extension. Break free from templates & complex code and start building unique websites that you are proud to show your clients without ever having to write a single line of code. Tutorials ● News ● Inspiration ● Features ● FAQS Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment