Webflow Slider issues

Hi all,

I am using the webflow slider component and have 2 questions / issues:

  1. I would like to increase the padding / gap between my paragraph text box “process_description_text” and the slider arrows at the bottom. I can figure out how to do this.

  2. When I decrease my browser window this process section shrinks down in a weird way (see screenshot). How can I improve this?

Thanks for your help!

Hi there,

To create better spacing between your text and slider arrows, you can adjust the margin property in the Style panel. Select the paragraph element and add margin-bottom to create the desired spacing.

For a more robust layout that works across all devices, place your slider within a Section element and wrap your content in a Container. This combination provides better structure and responsive control, ensuring your content adjusts smoothly to different screen sizes.

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

Hey @Samuel1993 ,

  1. For the spacing between content and slider navigation,
    • You can set ‘process_box’ element’s position to ‘Relative’ and set some padding bottom for it as per your requirement
    • Then, set the ‘Slider’ element’s position to ‘Static’
  2. For the image, you can specify the height and width you want for the image and set the ‘Fit’ property to ‘Cover’ and it should cover the container it is in, in desktop and tablet devices. Here’s a short tutorial for it as well. Also play around with the padding you have enabled for the right section to give some space to the content in this section.

Hope this gives you some idea.

Thanks! Now it is overflowing on mobile view: Webflow - Heal Praxis Berlin

Anything I can do about this? :)

Hey,

I improved it now. I would like to position the arrows at the bottom at the same level as the round circles. how is that possible?

Hey @Samuel1993 ,

Welcome.

  • You can set ‘ablauf_mask’ element’s width to be 100% in mobile breakpoints instead of a specific width and see if it helps.
  • You can set ‘ablauf_slider_arrow’ element’s margin bottom to align with the circle dots. For. e.g. 1 rem. Feel free to play around with this to align it as per your requirement. Hope this helps.