Space below Product Listings on Collection Page

Store Design
,
1

I just switched over to the NORTH Shopify theme and originally didn’t see these spaces on my listings. Now there seems to be extra space under the listings on my collection pages. How do I remove this space?

Website: www.wildsonmountaingoods.com

2

Hi @courtwildson ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/app.css->paste below code at the bottom of the file:

@media screen and (min-width: 768px) {
    .section-margin:not(.section-no-top-margin) {
        margin: 40px 0 !important;
    }
    .email-signup-section {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }
}

I hope it would help you
Best regards,

Kate | PageFly

3

Thanks for responding. I added that to the bottom of the code and it didn’t change anything. Is it because the OUT OF STOCK button is preventing that?

4

Hi @courtwildson ,

You can try replace previous code by below code in app.css file:

.products .product .product_thumbnail {
    --ratio-percent: 113% !important;
}

PageFlyKate_1-1675874540596.png
PageFlyKate_1-1675874540596.png1305×493 628 KB

I hope it would help you
Best regards,

Kate | PageFly