remove top padding and section-header top margin only on collection page and desktop

[sondreskskfsghj]

hi, i want to remove top padding and section-header top margin for only my collection page and dekstop, so that my collection page looks like this:

instead of how it is now:

store link: https://8c2dd1-3.myshopify.com/collections/best-sellers

[PageFly-Kate · Accepted solution]

Hi @sondreskskfsghj 

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->/theme.css->paste below code at the bottom of the file:

@media screen and (min-width: 769px){
div#CollectionSection >div {
    padding-top: 0px !important;
}
}

Hope my answer will help you.

[PageFly-Kate · Accepted solution]

Hi @sondreskskfsghj 

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->/theme.css->paste below code at the bottom of the file:

@media screen and (min-width: 769px){
div#CollectionSection >div {
    padding-top: 0px !important;
}
}

Hope my answer will help you.

[GemPages · Accepted solution]

Hello @sondreskskfsghj ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

    <style>
     #CollectionSection .page-width.page-content .section-header {
          display: none;
      }
    </style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team