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

Store Design
1

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

https://neverskiptrail.myshopify.com/

pw: 12345

Group 7 (1).png
Group 7 (1).png1108×1971 301 KB

2

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

3

@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;
}

suyash1_0-1661482721728.png
suyash1_0-1661482721728.png1366×768 195 KB

4

hey @PageFly-Richard this didn’t work

5

hey @suyash1 this didn’t work

6

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

1 Like
7

@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