Remove white space on collection page on mobile?

7 0 3

Could someone tell me what code I need to adjust the space on my collection page for mobile? On desktop it looks fine but on mobile it is quite a large gap:


Thanks !



Reply 1 (1)

Shopify Partner
7006 1324 1349

Hi @koozeals 

Please add this code to your theme.liquid file after <head> element in Online store > Themes > Edit code and check again


@media (max-width: 749px) {
.simple_collection_header .section-header {
margin-bottom: 0px !important;
padding-bottom: 0px !important;


- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now