holahannah Posted August 3, 2023 Posted August 3, 2023 Hello, Does anyone know if it's possible to enable a horizontal scroll on a summary block? I have a summary block on my website to show recent projects, and it scrolls when I drag and move the summary block. But I want to be able to scroll horizontally using the Mac trackpad. Does anyone know how I can do this? Here's my site: https://plantain-prism-6wca.squarespace.com/ password: bonemade Attached is a screenshot of the recent projects section where I'm trying to enable this functionality. Thanks!
tuanphan Posted August 6, 2023 Posted August 6, 2023 Hi, You can use this plugin: https://www.will-myers.com/products/p/overflow-carousel-items Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
holahannah Posted August 8, 2023 Author Posted August 8, 2023 Fantastic @tuanphan thank you so much - will check it out!
holahannah Posted June 7 Author Posted June 7 I ended up using the overflow carousel plugin that @tuanphan mentioned above, which worked a treat! I'm trying to do something similar with another site, however on this particular summary block, I want to have custom navigation arrows, and hide the carousel overflow. Here's my site: https://mcshane.squarespace.com/ password: bandit I've set up two carousels for the projects: First carousel has the custom arrow navigation I want to use, however doesn't have the swiping/trackpad scrolling that I want. Second carousel has the correct swiping/trackpad scrolling - however I'm not sure how to get the custom arrows to appear, and so they overflow the carousel (as the first carousel example does). I am using the code from this plugin: https://www.will-myers.com/products/p/overflow-carousel-items So guess my question is - how can i update the 2nd carousel to have the custom arrow icons? Any guidance would be great. Thank you!
shanicj Posted June 7 Posted June 7 @holahannah I love this feature! Do you know how to make it horizontal scroll? The Will Myers plugin doesn't seem to do that on the trackpad when scrolling up and down. Thanks so much!
tuanphan Posted June 10 Posted June 10 To achieve overflow, just use this CSS code to Custom CSS box .sqs-gallery-design-carousel .sqs-gallery-container { overflow: visibile !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment