Remove white space on collection page on mobile?

koozeals
Tourist
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:
https://www.ellevoir.com/collections/our-collection

 

Thanks !

 

 

Reply 1 (1)

Dan-From-Ryviu
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

 

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

 

- 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