Make banner smaller

MT27
Explorer
68 6 3

Hi, can you please help by providing the CSS code in order to make the gif that speans around smaller. Thank you 

URL: https://matibrnd.com/

Pass: biangu

MT27_0-1705585353105.png

 

Replies 2 (2)

techlyser_web
Shopify Partner
1007 189 190

Hello @MT27 

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){
             #shopify-section-template--18448488431883__image_banner_JL4YDe .banner {
                min-height: 15rem;
             }
       }

</style>

techlyser_web_0-1705588859482.png

 

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

PageFly-Henry
Astronaut
783 208 184

Hi @MT27 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.banner__content.banner__content--middle-center.page-width {

    min-height: 30rem !important;

}}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.