Help with web design slider layout

Hello,

I’m currently just creating a website for my portfolio, but seem to be struggling getting the slider layout to work. I cant get the slide text to stay in the middle of the actual slide. As well as slide buttons at the bottom and the arrow divs seem to be overlapping to the next section rather then staying in the hero section

Anyone know how I can fix this?

https://preview.webflow.com/preview/dentist-010397?preview=7b3901a11d68b5480819ecc16e60e703

Thanks in advance,
Matt

Hi @Matty

​You can get the text to stay in the middle of the slide by selecting the text’s parent element (“slider div”) and pressing center element. (watch this GIF)

I recommend checking out the slider guide from our help center: https://help.webflow.com/video-tutorial/sliders

​This one in particular might help: https://help.webflow.com/article/how-to-make-a-fullscreen-slider-in-webflow

hope this helps! :slight_smile:

@Brando

Thanks for the quick reply!

Sorry when I meant middle of the page, I meant going from top to bottom not width way.

Best regards,
Matt

Hi @Matty

I made this quick video for you about your slider :slight_smile:

@Brando

Thanks alot man, love the video!

1 Like

My Pleasure :smiley:

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.