Very big images on desktop Slideshow Dawn Theme

Technical Q&A
1

Hi everyone,

I’ve published my store but I’m really not happy with how the slideshow looks on the desktop.

On mobile it looks very good. But on the desktop the images almost cover the entire page. In addition, the text is on the image, which makes me dim the image so that the text is readable. How can I change it so that the images are smaller and the text is below the image?

2

In the code, you’ll find the HTML and liquid code that generates the slideshow. You need to adjust the code to achieve the desired layout. Here’s an example of how you can modify the code:


  {% for slide in section.slides %}
    

      

        
      

      
        ## {{ slide.title }}
        

{{ slide.description }}

      

    

  {% endfor %}
3

Thank you for your answer.
I’m really new to this, if you could please explain a bit more about what and how to do it.