Main Page Image Banner - Reduce size when displayed on scren

New Member
1 0 0

Hello, all!

I am closing to launching my site but am having difficulties with my main page banner. I have animated a .gif file and have uploaded it into my main page through the image with text overlay section. I have my .gif uploaded and it is running very smoothly and resized nicely on both mobile and desktop. Currently, the .gif spans the entirety of the screen on both mobile and desktop. I would really like for it be sized down to fit the flow of the rest of the content on my page. 

How do I reduce the size of the displayed .gif video? Could I edit the code to insert into a frame of sorts?


I am running the pipeline theme. 


Thank you all. 

Shopify Partner
6244 909 2116

Hello, @FellowJon 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.


If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing