Mobile - Remove Gap between banner header

rosegoldco.shop

Theres large gaps on my collection page. How can I remove these?

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width:767px){ .title--primary { margin: 20px 0 !important; } .collection-hero--with-image .collection-hero__text-wrapper { padding: unset !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.