Supply Theme: Removing white/blank space around slider

Store Design
1

Hello,

I have been searching for a code to remove the white/blank space around the slider in order to make it larger and appear like a hero image. Basically, I am trying to make it large enough for when a customer visits my website that is what they see until they scroll down. Thank you in advance!

2

Hi @Cristy1

I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

I will love to help you with your concern.
-Kindly Provide your Store Url,
-Also Mention Which theme you are using

Note: If your store is protected with ‘store Font password’ please Send it here or DM me. If you have any concerns feel free to ask me!

Regards, Ani

3

Hi there!

Supply Theme

https://addibray.com/

passcode: @Braylin08

4

Hi @Cristy1 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
@media (min-width: 480px) {
    #shopify-section-slideshow .lazyload__image-wrapper {
        max-width: unset !important;;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
5

Hi @AvadaCommerce

IT WORKED!!! I can’t even begin to explain to you how exciting I am after searching for a solution for days!! Thank you so much!

One more quick question if you don’t mind! What size image would you recommend me using there as far as width x height?

1 Like
6

Hi @Cristy1 ,

You try size: 2400x1800px.

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like