How do I extend the image above the fold to the full page width?

[RheaKalo]

Hi there! 

My website is rheakalo.com and I would like to extend the main image above the fold to full page width.  Can anyone help?

Thanks!

[rifat_ShopiDevs]

Hi @RheaKalo ,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

body.template-index {
    padding-top: 0 !important;
}

body.template-index #shopify-section-header {
    background: transparent;
}

body.template-index #shopify-section-header * {
    background: transparent !important;
}

body.template-index #shopify-section-header .homeHeader .site-nav--centered {
    background: transparent !important;
}​

result 

Hope this can help you,

[RheaKalo]

Hi thank you!

I am not looking for that. I want to keep the image as is, but just have the width be the full page.

[rifat_ShopiDevs]

please try with this code. 

.slick-slider {
    max-width: 100%;
}

.slick-track {
    width: 100% !important;
    max-width: 100%;
}

.slick-initialized .slick-slide {
    width: 100% !important;
    max-width: 100%;
}

 
hope its works for you

Thank you

[RheaKalo]

this did not work for me..