Reduce Padding on header below collection title - BLOCKSHOP

[curvybeach]

Hi! Can someone help me reduce this white space above and below the collection header?

(Specifically on Mobile view)

My website is:

https://www.curvybeach.com/

And photo attached. Much much thanks!

[BSSCommerce-HDL]

Hi @curvybeach ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Inside tag head. You need create style tags. After you’ll insert my code inside it

@media only screen and (max-width: 767px) {
    #collection-root #gf-grid {
        padding-top: 0 !important;
    }
    #collection-root .gf-actions {
        margin-bottom: 0 !important;
    }
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @curvybeach Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[devcoders]

Hi @curvybeach

• Go to Online Store → Theme → Edit code.
• Find the file assets/theme–critical.css and paste the code below at the bottom of the file.

@media screen and (max-width: 749px){
.collection--header--description {
padding: 15px;
}
div#gf-grid {
padding-top: 10px!important;
}
}