Sense Theme: Swipe on website version + Auto Scrolling (both mobile + website) Multi Column Help

technoob_319
Visitor
2 0 0

Hi guys,

 

I have swipe on mobile activated but I also want to enable swipe on website version, this is the landing page where I want to enable swipe - https://bloomingmumma.com/products/postpartum-belly-binder (Specifically the "Happy customers" section

 

If possible, I'd also like to enable auto swipe!

 

Any sort of help is appreciated 🙂

 

Thanks a lot in advance!

Reply 1 (1)

PageFly-Oliver
Astronaut
840 176 157

Hi @technoob_319 ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
@media(min-width:767px){
#shopify-section-template--16543598051565__2f68c386-7ab1-4375-8e23-e29d6593a891 .multicolumn-list{
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1.5rem;
}
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.