Solved

Mobile - Remove Gap between banner header

alexschar
Tourist
10 0 0

rosegoldco.shop

Theres large gaps on my collection page. How can I remove these? Screenshot 2024-03-11 at 12.37.45 PM.png

Accepted Solution (1)

techlyser_web
Shopify Partner
1423 267 281

This is an accepted solution.

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 </body> on theme.liquid
<style>

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

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Reply 1 (1)

techlyser_web
Shopify Partner
1423 267 281

This is an accepted solution.

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 </body> on theme.liquid
<style>

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

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com