Solved

keep the Banner height on desktop medium but for mobile small

MT27
Explorer
68 6 3

Hi, how can I keep the Banner height on desktop (collection page/ hoodies) medium but for mobile small?

URL: https://matibrnd.com/

Pass: biangu

MT27_0-1706795389030.png

 

 

Accepted Solution (1)

techlyser_web
Shopify Partner
1127 216 236

This is an accepted solution.

For Mobile

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: 749px)
           .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
                   min-height: 28rem;
           }
     }
</style>

techlyser_web_0-1706805604331.png

 


- 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
1127 216 236

This is an accepted solution.

For Mobile

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: 749px)
           .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
                   min-height: 28rem;
           }
     }
</style>

techlyser_web_0-1706805604331.png

 


- 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