Right arrow gone missing on slider/resizing slider problems

Design help General
1

Hello All,
I am struggling with two slider problems. (well actually many more but two big ones at the moment.)

  1. The right slider and corresponding icon has gone missing after I changed the background images of the slides. How do I get it back?

This is what I see:

Slider missing
Slider missing1280×720 293 KB

  1. How do i get the slider to scale proportionately when views on tablet or mobile landscape? I have set the Max H/W as that was the only way to get the images in correctly.

This is what I see:

slider sizing
slider sizing1280×720 312 KB

Thank you for taking the time to read this.
Stay safe and enjoy!

Here is my site Read-Only: **[Webflow - testa]

2

Hi there,

Let me help you with customizing your slider elements:

For the missing right arrow, you can customize it by:

  • Selecting the right arrow element
  • Adding a custom class name
  • Adjusting the font size and color in the Style panel

To address the slider scaling issue, select the Slider element and modify its height directly in the Styles Panel.

For background images within the slider, make sure to:

  • Set the background image size to ‘contain’
  • Set the position to ‘center’
  • Consider using viewport height (vh) units for responsive sizing. You can learn more about viewport units in our help documentation here: http://help.webflow.com/article/width-and-height-units

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

Hey Conrad, a few things;

  • Any time you are having problems with how you’ve styled a “complex” element like a nav or slider, rebuild it. Drop the bare element on the page, and re-add the classes one at a time. It’s the fastest way to identify exactly which class is breaking it.
  • Elements like the slider depends on specific positioning behaviors in order for the scripts and element to work, when you change that like you have for your Right Arrow, you can see it breaks.
  • Even “unused” styles… you have a lot of styling on elements which may not have an obvious impact in the designer, but will break it in the published site. Always reset styles you’re not using, rather than overriding them with e.g. 0’s

image
image1920×1095 143 KB

4

Thank you very much for the the needed information.
I’m going to start rebuilding the site anew and see if I can avoid the problems I created the first time around.

Stay safe and enjoy!