Supply Theme Slider Full width of content

Solved
anthfuk
New Member
6 0 0

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

0 Likes

Hi @anthfuk,

 

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

PageFly - Advanced Shopify Page Builder - Empowering 90.000+ active merchants.

Check our Evergreen Guide on Moving Your Brick-n-Mortar Store Online.

0 Likes
jayanetty
Pathfinder
117 12 36

Hi @anthfuk ,

A simple solution would be to add this

Open your theme.scss.css

paste this 

.lazyload__image-wrapper {
    max-width: 100% !important;
}
0 Likes
Nitin_Kujur
Shopify Partner
78 19 31

This is an accepted solution.

Appending below snippet on index.liquid should do the thing

 

<style>
[id^="slideShowImageWrapper-slideshow-"] {
    max-width: 100% !important;
}
</style>
anthfuk
New Member
6 0 0

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

0 Likes
anthfuk
New Member
6 0 0

Thanks very much for your help. That worked!

0 Likes
Nitin_Kujur
Shopify Partner
78 19 31

@anthfuk wrote:

Thanks very much for your help. That worked!


Great! Please do leave a thumbs up 😉

0 Likes
tahaben
New Member
1 0 0

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

0 Likes
NattyIce311
Excursionist
15 0 3

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."

0 Likes