Making MINIMAL THEME slideshow full width (slideshow only)

Solved
heatonmar
Tourist
3 0 0

Hi! I'm currently using Minimal theme and I feel confused about writing codes to make the slideshows in my home page FULL WIDTH. I'm struggled with coding for weeks. Please save me out!

Here‘s my website's URL:

https://rinueehome.com

And this is what I want: 

https://nailwrap.co/

Thanks in advance for time and considerations!

Accepted Solution (1)

Accepted Solutions
ZestardTech
Shopify Expert
3494 578 804

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

div#shopify-section-slider {
width: 100vw;
margin-left: -50vw;
left: 50%;
position: relative;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 4 (4)
ZestardTech
Shopify Expert
3494 578 804

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

div#shopify-section-slider {
width: 100vw;
margin-left: -50vw;
left: 50%;
position: relative;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
puneet_unbundl
Shopify Partner
37 3 11

Hi heatonmar,

This is Puneet from unbundl.

 

You just need to add a little bit of css in your CSS file.

 

Go to Edit Code > Search for your css file and the following there:

 

#shopify-section-slider{    margin-left: -30px;margin-right: -30px;}

 

 

I hope I was helpful to you.

heatonmar
Tourist
3 0 0

Dear Puneet,

Thank you for your reply! I tried to add your code into "theme.scss.liquiid" file, but there was nothing changed.

a.png

heatonmar
Tourist
3 0 0

Hi  Pallavi!

Thank you for your reply! However, there's no file called  "theme.scss.css" in my assets. I can only find "theme.scss.liquid"

a.png