Hi, how do I decrease the padding around the header of the collection page? https://neverskiptrail.myshopify.com/ pw: 12345 [Group 7 (1).png]

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; …

@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]

hey @suyash1 this didn’t work

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

@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

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

Store Design

Alex-li August 26, 2022, 6:28am 4

hey @PageFly-Richard this didn’t work

Topic		Replies	Views
Reduce Padding on header below collection title - BLOCKSHOP Store Design header , collection-page	3	15	June 6, 2024
Add padding to headers and filters in collection page on mobile Store Design design	4	28	September 20, 2024
How to decrease the padding on a featured collection when it is already on '0' Store Design menu , design , header , customizations , collection-page , footer , landing-page , css , third-party-themes , cart-page , metafields , shopify-themes , troubleshooting , html , product-page	3	29	October 10, 2024
Reduct Padding Collection Banner Shopify Discussion troubleshooting	1	16	February 22, 2025
Remove top padding and section-header top margin only on collection page and desktop Technical Q&A	2	37	February 21, 2023

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

Related topics