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

Solved
jeanzy
New Member
2 0 1

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.

0 Likes
jeanzy
New Member
2 0 1

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
New Member
2 0 0

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

0 Likes
Dinbeie
New Member
2 0 0

show a screenshot of the code plis

0 Likes
CurveCrew
New Member
1 0 0

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.


0 Likes