Supply Theme Slider Full width of content

Solved
Highlighted
New Member
5 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
Highlighted

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

- Tips to optimize website loadspeed: academy.pagefly.io/how-to-speed-up-website

- Do you need to customize your landing page, product page, blog, coming soon, FAQ, about us pages? Check out PageFly - Advanced Shopify Page Builder.
0 Likes
Highlighted
Pathfinder
107 12 32

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
Highlighted
Shopify Partner
38 7 12

This is an accepted solution.

Appending below snippet on index.liquid should do the thing

 

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

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

0 Likes
Highlighted
New Member
5 0 0

Thanks very much for your help. That worked!

0 Likes
Highlighted
Shopify Partner
38 7 12

@anthfuk wrote:

Thanks very much for your help. That worked!


Great! Please do leave a thumbs up 😉

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