Why is there a pink stripe at the bottom of my Impulse themed page?

Store Design
1

Hello

I am using the Impulse theme

I have a page which i have changed the code for the background color as such

#shopify-section-template–16179229163746__main{background: #ffffff !important;
margin: 0 !important;
padding: 37px !important;
}

However - i still have a pink stripe at the bottom and do not know how to remove it. Please help.

TBS2022_0-1656394652269.png
TBS2022_0-1656394652269.png586×279 31.6 KB

www.thebodyshop.mu

password:cleeth

thanks

2

Please add below css code in bottom of assets/theme.css file

@media only screen and (min-width: 769px)

.transition-body .main-content {
min-height: auto;

}
Thank you.

3

@TBS2022 - issue is that the main content height is set, therefore even after your section ends, main content wrapper has more height , add given css to theme.css file and check

@media only screen and (min-width: 769px){
.main-content {min-height: initial;}
}

suyash1_0-1656395521820.png
suyash1_0-1656395521820.png1366×768 97.3 KB

4

you are a star - thank you

5

@TBS2022 - welcome, do let me know if you need anything later, you have my email below.