How to reduce the distance between these two products(Brooklyn)?

joyouceusa
Excursionist
21 0 9

joyouceusa_0-1627617079680.pngHow to reduce the distance between these two products(Brooklyn)?In this page : https://joyouce.com/collections/5-8-qt-air-fryer

 

Replies 4 (4)

Kinjaldavra
Shopify Partner
2302 570 1422

hello @joyouceusa 

do you want to look like this https://nimb.ws/grHDYA

 

joyouceusa
Excursionist
21 0 9

Yes.What should I do?

Kinjaldavra
Shopify Partner
2302 570 1422

hello @joyouceusa 

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

@media screen and (min-width: 728px){
#shopify-section-collection-template .grid.grid-collage{
     display: flex;
    flex-wrap: wrap;
    width: 60%;
    margin: 0 auto;
}

#shopify-section-collection-template .grid__item {
	    flex: 0 0 50%;
}
}

 

joyouceusa
Excursionist
21 0 9

OK,but why is there a sliding bar below?

joyouceusa_1-1627625452947.png