Changing slider width on Supply theme

Solved
Highlighted
Tourist
10 0 0

Hi.

I'm looking to change the width of the slider on "Supply" theme.

I've been into the slideshow.liquid file, but I cannot figure out what part to edit to properly change the width.

 

I'd like to make it something like 80% of the page (yes, percentage instead of a fixed size).

 

Thank you in advance.

0 Likes
Highlighted
Shopify Expert
114 5 31

Hi , 

Please Provide your store URL 

Sudipta 
MS Web Designer | Task4Store
20,000+ Tasks Completed | 1000+ Happy Clients

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: task4store@mswebdesigner.com
Want to get Free review and advice for sale on store ?? just text me here


 Shopify Help on Demand from 19$ -  https://www.task4store.com/
150 + Shopify Small Tasks for Shopify & Shopify Plus Store

0 Likes
Highlighted
Shopify Partner
90 9 13

Hi @PatrickE,

Could you please provide your store URL?

Shopify Expert help
denisaksutik@gmail.com
https://thewebave.com/
0 Likes
Highlighted
Tourist
10 0 0

Hi.

Of course, my apologies.

www.hellederborg.myshopify.com

It's the standard Supply theme (free theme).
I haven't changed anything in the slideshow.liquid file yet, as I'm not sure which of the width properties in the file I'm supposed to change. 

Thank you.

0 Likes
Highlighted
Shopify Expert
114 5 31
Hi,
Try this css at bottom of theme.css

.wrapper.main-content .shopify-section{
max-width: 1060px;
margin: 0 auto;
padding: 0 30px;
}

.wrapper.main-content, .shopify-section.slider-section{
max-width: 100%;
margin: 0 auto;
padding: 0px 0px;
width: 100%;
overflow: hidden;
}

Hope it will work

Sudipta 
MS Web Designer | Task4Store
20,000+ Tasks Completed | 1000+ Happy Clients

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: task4store@mswebdesigner.com
Want to get Free review and advice for sale on store ?? just text me here


 Shopify Help on Demand from 19$ -  https://www.task4store.com/
150 + Shopify Small Tasks for Shopify & Shopify Plus Store

0 Likes
Highlighted
Tourist
10 0 0

Hi.

Unfortunately that didn't work.

It only made the slider move up under the menubar.

 

The slider is still the same width.

I'm fairly certain that the slideshow.liquid is where the changes should be made. I just don't know what to change.

0 Likes
Highlighted

@PatrickE,

Please share a screenshot of slideshow, what you want exactly.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
10 0 0

I want the standard slider to be wider. Quite simply :-).

 

brave_yPTujcgixs.png

0 Likes
Highlighted

Success.

@PatrickEm,

Please refer this post

https://community.shopify.com/c/Shopify-Design/Make-slides-fill-the-entire-width-of-the-page/td-p/34...

Tim's solution will solve your problem

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
10 0 0

I will give that a try, thank you!

0 Likes