How to Make the Image Slider Swipeable on Mobile (Updated to Media Carousel)

Updates How to
1

We’re looking for help with getting a code to make the imageslider images slide. Our users visiting on mobile can’t slide with their finger to see more images from our imageslider and the arrows on left and right side is not visible on the sides. We’re kindly asking for a prompt reply and help to get the imageslider slideable and possibly some better rounded arrows, more visible showing in a different more clear way.

2

Hi @devom

If you are still looking to make your images swipeable on mobile and improve the visibility of your navigation arrows, you no longer need any custom code to achieve this!

Here is the updated solution for your funnel:

:police_car_light: Important Changes & Deprecations

  • Deprecated Element: The original Image Slider element you were using has been officially deprecated from the Funnelish builder.

  • Custom Code No Longer Required: You do not need to add any custom JavaScript or CSS to force mobile responsiveness or swipeability.

  • New Replacement: We have replaced the old slider with the highly requested, fully responsive Media Carousel element, which is already swipeable on mobile without having to add any code.

:sparkles: The New Media Carousel

The new Media Carousel element solves all the pain points you mentioned natively within the builder:

  • Native Mobile Swiping: The new carousel is perfectly optimized for mobile devices. Visitors can seamlessly slide through images with their fingers without any clunky workarounds.

  • Customizable Navigation Arrows: You can easily design highly visible, rounded left and right arrows. You have full control over arrow styling, color, size, and positioning directly in the element settings menu, making it incredibly clear for your users to navigate.

  • Better Page Speed & SEO: Because this is a native element built directly into Funnelish, it is lighter, faster, and much more SEO-friendly than using custom scripts.

:books: How to Implement the Fix

We highly recommend replacing your old Image Slider block with the new Media Carousel block to instantly resolve the mobile sliding issue.

You can find the full step-by-step guide on how to set up and customize the new element here: :backhand_index_pointing_right: Funnelish Docs: How to Use the Media Carousel

If you have any further questions on how the Media Carousel works, please let us know and we’ll be happy to clarify.

Belén@Funnelish

1 Like