Homepage Slider - Make full width

[Shazam1234]

Hi everyone, I want to make my slider in homepage full width as you can see the screenshot below it is not. 

Store Url : https://e191fe-f9.myshopify.com/

Thank you

[Moeed]

Hey @Shazam1234 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find password.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.ecom-section > div.core__row--columns {
    max-width: 100% !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Shazam1234]

Hi @Moeed already tried your code but there is still a small space on both sides of the banner. Pls see attached screenshot. Thanks

[namphan]

Hi @Shazam1234,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.ecom-kdlu4gy0mp .ecom-column>div.core__column--wrapper {
    padding: 0 !important;
}

[namphan]

Hi @Shazam1234,

You can try following code it will work fine:

[DaisyVo]

Hi @Shazam1234 ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

.core__column--wrapper {
    padding-inline: 0 !important;
}

Here is the result:

Please let me know if it works!

Best,

Daisy

[Shazam1234]

@DaisyVo hello, it worked. Thank you. Btw there is a small space on the top after the line and I want to remove it. Pls see the attached ss. Thanks