Making MINIMAL THEME slideshow full width (slideshow only)

[heatonmar]

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!

[ZestardTech · 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;
}

[puneet_unbundl]

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]

Dear Puneet,

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

[heatonmar]

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"