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

Alex--li
Excursionist
19 0 4

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

https://neverskiptrail.myshopify.com/

pw: 12345 

Group 7 (1).png

 

Replies 6 (6)

PageFly-Richard
Shopify Partner
4287 973 1627

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Alex--li
Excursionist
19 0 4

hey @PageFly-Richard this didn't work 

 

suyash1
Shopify Partner
9266 1152 1495

@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

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Alex--li
Excursionist
19 0 4

hey @suyash1 this didn't work 

 

suyash1
Shopify Partner
9266 1152 1495

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI