How can I reduce the size of a gif using CSS code?

148 6 10

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


Pass: biangu



Replies 2 (2)

Shopify Partner
1537 285 306

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


     @media screen and (max-width:767px){
             #shopify-section-template--18448488431883__image_banner_JL4YDe .banner {
                min-height: 15rem;




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-

Shopify Partner
1090 312 264

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){ {

    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.