Supply Theme Slider Full width of content

Store Design
1

Hi,

I am working on a supply theme website. I made the overall content width bigger, but cannot get the slider to follow suit to the same size.

You can see the site here - https://dkdtest.myshopify.com/ password fidell

Any help that you could give would be great.

Thanks

2

Hi @anthfuk ,

you can drop your question in this topic, we are hosting a Q&A session and my peer @PageFly-Richard , who is a developer, might help with your questions

3

Hi @anthfuk ,

A simple solution would be to add this

Open your theme.scss.css

paste this

.lazyload__image-wrapper {
    max-width: 100% !important;
}
4

Appending below snippet on index.liquid should do the thing

<style>
[id^="slideShowImageWrapper-slideshow-"] {
    max-width: 100% !important;
}
</style>
3 Likes
5

Thanks for your suggest. While it worked, it messed the header up. The below reply fixed it for me.

6

Thanks very much for your help. That worked!

7

Great! Please do leave a thumbs up ?

8

hy how can i resizefullwidth slider onsupply theme without any blanks between the slider and the image thank you ?

9

I have supply and this worked to make my homepage slideshow 100% width of the page! I tried so many things, the index.liquid wasn’t listed under “snippet”, though, it was under “templates.”

10

Please any support is appreciated.

Can not turn the slider full width on supply theme.

11

Do you want it to show the same as my screenshots?

PageFlyVictor_0-1666926189241.png
PageFlyVictor_0-1666926189241.png1366Ă—768 267 KB

12

Hi Victor,

That’s really it what search, as in your screenchot. Full width.

Can you mark the solution please??

Thank you for your response