Solved

Supply Theme Slider Full width of content

anthfuk
New Member
7 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

Accepted Solution (1)

Nitin_Kujur
Shopify Partner
81 19 32

This is an accepted solution.

Appending below snippet on index.liquid should do the thing

 

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

View solution in original post

Replies 11 (11)

PageFly-Victor
Shopify Partner
7865 1785 3050

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

jayanetty
Shopify Partner
127 12 40

Hi @anthfuk ,

A simple solution would be to add this

Open your theme.scss.css

paste this 

.lazyload__image-wrapper {
    max-width: 100% !important;
}
Everyone deserves a win!
anthfuk
New Member
7 0 0

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

Nitin_Kujur
Shopify Partner
81 19 32

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
7 0 0

Thanks very much for your help. That worked!

Nitin_Kujur
Shopify Partner
81 19 32

@anthfuk wrote:

Thanks very much for your help. That worked!


Great! Please do leave a thumbs up 😉

tahaben
Visitor
1 0 0

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

NattyIce311
Excursionist
32 0 4

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

Mikel_fern
Tourist
8 0 1

Please any support is appreciated.

 

Can not turn the slider full width on supply theme.

PageFly-Victor
Shopify Partner
7865 1785 3050

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

PageFlyVictor_0-1666926189241.png

 

Mikel_fern
Tourist
8 0 1

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