Slideshow Sub-Heading Text 50% max width on laptop, 100% max width on phone

Store Design
,
1

Hi there,

I’m using the theme Dawn on my shopify page.

On the slideshow on the top of my page I would like the text to have a max width of 50% when showed on bigger screens, but 100% width showed on smaller screens.

How is this possible to do?

Here’s a link to my store: www.artea.dk

2

Hey,

update the code in the file “assets/section-image-banner.css”.

Line 320 is the max-width for bigger screens “.banner–desktop-transparent .banner__box”. There, you can change the max-width value to 50%.

Mobile should be fine because the max-width is set to 540px, so it will be full-screen for smaller devices.