How to make banner full width for dekstop and mobile in Supply theme?

[jeanzy]

Hi there. I'm in the same position as you before where the mobile banner's width is full but the desktop site is not.

It's weird because the stock image is actually full width but the images I import are not. Please let me know how you fixed this. Thank you.

[jeanzy]

Never mind. Solved it.

1. Within Slideshow.liquid, I un-commented:

<img src="{{ image | img_url: '1024x' }}"
srcset="{{ image | img_url: '1024x' }} 1x, {{ image | img_url: '1024x', scale: 2 }} 2x" alt="{{ image.alt }}">

2. I then replaced 1024 with 2048

3. I then removed the div: <div id="{{ img_wrapper_id }}" class="lazyload__image-wrapper" data-image-id="{{ image.id }}" style="max-width: {{ max_width }}px">

Thanks all!

[Dinbeie]

Puedes enseñar como te ha quedado el código con una captura de pantalla? porque no comprendo bien con texto, muchas gracias

[Dinbeie]

show a screenshot of the code plis

[CurveCrew]

Hi Sarhov

Hope you are well.

Quick question, would you be able to supply an updated code for this task?

It seems this code is no longer applicable as some changes has been made to shopify since then.