How can I eliminate the margin between collections on my mobile site?

Store Design
1

Hi. How can I remove the margin between my “our goal” and the “bracelets” collection list? I only want to do this to mobile.

provada-jewelry.myshopify.com
“staysk”

1 Like
2

@jordontricks

yes i have provide solution your last post please check if any issue let me know

1 Like
3

I checked and it shows full. https://i.imgur.com/dFIgyh2.png
Do you want me to check something else?

4

hello @jordontricks

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 769px){
#shopify-section-1626776660396dd48d .grid  .grid__item{
	margin-bottom: 5px !important;
}
#shopify-section-16268257467b0a991d{
	margin-top: 15px !important;
}
#shopify-section-16268257467b0a991d .grid  .grid__item{
	margin-bottom: 5px !important;
}
#shopify-section-16266671911705cb0b .grid  .grid__item{
        margin-bottom: 5px;
}}
@media only screen and (min-width: 770px){
#shopify-section-16266671911705cb0b{
	margin-top: 35px !important;
}
#shopify-section-16268257467b0a991d{
	margin-top: 35px;
}
}
1 Like
5

Hi! Sorry, that worked GREAT on desktop! But on the mobile side of things, it closed the small 4px spacing in between these elements and I’m not sure how to add the spacing back again to make it

consistent.

unnamed.jpg
unnamed.jpg1284×2778 157 KB