How to decrease padding around header on collection pages? (Taste theme)

[Alex--li]

Hi, how do I decrease the padding around the header of the collection page?

https://neverskiptrail.myshopify.com/

pw: 12345 

[PageFly-Richard]

HI @Alex--li 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

@media screen and (max-width: 767px){

.collection-hero__title {

    margin-bottom: -20px !important;

    margin-top: 10px !important;

}

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

[Alex--li]

hey @PageFly-Richard this didn't work 

[suyash1]

@Alex--li - add this css to the very end of your base.css file and check

.collection-hero__title {
    margin: 1.5rem 0;
    margin-bottom: 0;
}

[Alex--li]

hey @suyash1 this didn't work 

[suyash1]

@Alex--li - can yyou please share the page link of which you got the screenshot?

[Alex--li]

@suyash1 yeah its https://neverskiptrail.myshopify.com/collections/shop the same issue also appears here

https://neverskiptrail.myshopify.com/collections/brownies

and 

https://neverskiptrail.myshopify.com/collections/cookies