Full width banner on a custom page in debut theme isn't going full width

Store Design
1

Screen Shot 2022-02-08 at 5.13.06 pm.png
Screen Shot 2022-02-08 at 5.13.06 pm.png5100×2474 685 KB

I have created a new page template & duplicated sections in the debut theme code so I can have a custom “about us” page. However when I added a “image with text overlay” it won’t span full width. I’m not sure if there is some sort of padding in the code that I don’t know about?

website: freshtobefrank.com

PW: yuthow

Can someone please assist? Cheers!

2

@web-designer1

Sorry, you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your page URL,
I will check out the issue and provide you a solution here.

3

@web-designer1

Please Add this CSS to your css file

div#shopify-section-hero-about {
    height: 100vh !important;
}
.hero-hero-about .placeholder-background {
    width: calc(100vw - 20px) !important;
    margin-left: calc(-50vw + 50% + 10px) !important;
    height: 100vh !important;
}
div#shopify-section-feature-row-about {
    margin-top: 60px;
}

Thank You!