Issues with image slider sizes

This article refers to a previous version of the Duda Responsive Website Builder. Click here for help content on the current Duda editor.

Issue

Slider isn't showing at the right size on other devices

Solution

If the issue you're having is that the slider is clipping the images or showing too much white space, it's because the images themselves aren't optimized for being viewed through a slider. You have to account for the "responsiveness" of the slider by either re-sizing the images or toggling a few settings.

Here are some options;

1. Fix the height of the slider so that it is smaller. To do this, click the slider >>> edit >>> more >>> change the height accordingly.

2. Change it so that the image doesn't fill the slider (which causes it to enlarge). To fix this, click the slider >>> edit >>> design >>> images fill slider (off)

3. If all the images are different sizes, edit the images so that they all have the same (or similar) ratios. A good "all around" ratio for a slider is around 4:3 pixels, although this can vary widely depending on the look you're trying to achieve.

4. Use the hide on device feature. Create two-three separate sliders, one for each device, then use the "hide on device" feature to show each one separately.

×

Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at prioritysupport@dudamobile.com
×

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!