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

Technical Q&A
1

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:

sondreskskfsghj_0-1676656717391.png
sondreskskfsghj_0-1676656717391.png1186×912 260 KB

instead of how it is now:

sondreskskfsghj_1-1676656734956.png
sondreskskfsghj_1-1676656734956.png1190×914 220 KB

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

2

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.

3

Hello @sondreskskfsghj ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1676952124167.png
GemPages_0-1676952124167.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1676952142176.png
GemPages_1-1676952142176.png1389×878 70.3 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team