gap between header and collection list

Topic summary

A Shopify store owner encountered an unwanted gap between the header and collection list on their collections page and wanted to either remove it or change its color to black.

Resolution:

  • The issue was resolved by adding custom CSS code to the theme.liquid file
  • The code needed to be placed above the </body> tag
  • The solution successfully removed the gap

Technical Implementation:

  • Access: Online Store → Edit Code → theme.liquid file
  • Add CSS styling code at the bottom of the file
  • The fix was confirmed working by the original poster

The discussion reached a successful resolution with the provided CSS solution.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.

how can I remove this gap or change the color to black ? https://boobearstar.myshopify.com/collections

1 Like

Hey @ashlynnmmiac

Your store is password protected, share your store password as well.

Best Regards,

Moeed

https://rddhr3nweefnc3j8-73831317527.shopifypreview.com

1 Like

Hey @ashlynnmmiac

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

yayyy that worked thank you !