Alternative slider image / ratio on mobile

Hello,

Im trying to find a way to use an alternative image, or force image to alternative ratio when in mobile view.

https://artisanroast.co.uk/

I am happy with everything till the images enter last braking point. There is no room for text and buttons getting ‘trimmed’ I would like ration of the slide to change (for example, its 3:4 now but ideally in mobile this changes to 4:3 and new images)

Any help appreciated!

thank,

Luk

1 Like

Hi @lukasz666 ,

I would suggest to add another section and assigned it to the desktop or mobile. You can follow the video tutorial below

1 Like

Hello,

Great thank you for that. I will be trying today.

If I can ask one more quick question @made4Uo I am having problem with font sizes when viewed in mobile. All the sliders look ok in desktop. How can I change Kerning of the fonts (or change size etc) with CSS? Ideally, I would like to do it individually for each section and shopify allows custom CSS for specific section/slide etc. Could you help? I think its a simple fix but Cant get it right!

Hi @lukasz666 ,

Yes, you can change the font. You follow the instructions below to add a font