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

Store Design
, ,
1

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
MT27_0-1705585353105.png1514×741 186 KB

2

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

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

techlyser_web_0-1705588859482.png
techlyser_web_0-1705588859482.png237×271 76.2 KB

3

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