Delete space between "feautured promotion bar" and page banner

[lunalucenteskin]

How can i delete the blank space between the guarantee bar and the banner on our collection pages.

URL for example: https://lunalucente.com/collections/cleansers

[codewiser]

Hey @lunalucenteskin 

Please follow below steps
Step 1: Go to Online Store -> Theme -> Edit code.
Step 2: Search file main.css
Step 3: Paste the below code at bottom of the file -> Save

.template-collection .shopify-section-custom-content .container, .template-collection #MainContent .shopify-section:nth-child(2) .container {
    margin-top: 0;
    margin-bottom: 0;
}

Let me know if you need any other help.

[JasmeetVT14313]

Hi @lunalucenteskin 

Try adding below code to section's Custom CSS part in Editor/Customize

To first section's Custom CSS

.m-section-my {
    margin-bottom: 0;
}

For second section's Custom CSS

.m-section-my {
    margin-top: 0;
}

If you require further help, please don’t hesitate to reach out.
If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please hit Like and Mark it as Solution!

[GTLOfficial]

Hello @lunalucenteskin 
Go to online store ----> themes ----> actions ----> edit code ---->assets ----> main.css
add this code at the end of the file.

.m-section-my {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks