Remove white space on collection page on mobile?

koozeals · ‎01-29-2024

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 !

Dan-From-Ryviu · ‎01-29-2024

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 and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Remove white space on collection page on mobile?

Remove white space on collection page on mobile?

Community Blog Articles