Full size slider for different devices

I have a slider on my homepage. The desktop view is perfect but the tablet and smartphone views (vertical and horizontal) are not working. Can somebody explain me step by step how I can replace the images for the other views so that they’re perfect on all devices? And what are the best resolutions to use for the different devices?

http://so-strong.webflow.io/

Thanks so much!
Daniel

Hi @daniel_volle_maan, could you help to share the site read only link? Share a read-only link | Webflow University

Thanks in advance!

Hi Dave,

Here is the read only link….I’m body trying to resolve the issue myself so the situation is a bit of a mess right now!

https://preview.webflow.com/preview/so-strong?preview=746b00ac3d682bf54a3c8bdd91594f59

Thanks again
Daniel

HI Dave,

I’m opting for another option. My client wants 12 banners. 12 banners X 4 resolutions is 48 banners which is a bit much…I’m going for the easier solution of columns and rows for this one.

Best,
Daniel

@daniel_volle_maan have you tried using flexbox instead?

I find it easier to use than columns (less limitations), you might find it useful :slight_smile:

I have but with a full size slider with images and text it wasn’t really working out…thanks for the suggestion tough @IggsTP !

Fair enough @daniel_volle_maan :stuck_out_tongue:
I like the navbar tho… looks nice and easy on the eye :slight_smile:

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