• Resolved noname

    (@casahova)


    Hi,

    I am using an image carousel with just 3 images without infinite loop. I would like to remove the rubberband effect I am getting when I pull the images to the left.

    Hope to hear from you soon!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi, I managed to replicate your issue.

    Seems like you want to use the Carousel widget without any carousel effects.

    In a situation where you only want to feature 3 images, just split a section into 3 and place 3 image widgets. This will eliminate the rubber-band effect and in turn, it also allows you more customization in the micro side of things. (Individual styling and advanced settings for each image).

    Check out a short loom where I replace the carousel in about a minute:

    Thread Starter noname

    (@casahova)

    Hi,

    Thank you for your solution! Yes actually I am using carousel widget because I need that carousel on mobile. If I use image carousel, it would make the page seem longer on mobile. Thus, I was looking for a way to remove that rubber band effect on desktop. Is hiding the carousel widget on desktop a better solution and replacing with image widget? Would it add additional elements which would slow down my site?

    Thanks!
    Hear from you soon.

    The solution you offered is actually viable, Making the Elements hidden on mobile/desktop prevents them from loading at all, so it won’t affect the loading speed.

    Our new 3.4 breakpoints update allows you to create up to 7 versions for different screen sizes, and obviously, all of them would not be loaded on a mobile version of the site, as that would be horrible.

    Go ahead with your suggestion, this is a common solution when you want a certain style of the mobile version of the page/site.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘image carousel remove rubber band effect’ is closed to new replies.