Why is my mobile banner size not resizing properly?

Store Design
, , ,

Topic summary

A user encountered issues with a video banner not resizing properly on mobile devices, despite working well on desktop. The site uses the Origin theme on Shopify.

Solutions Provided:

Three community members offered CSS-based fixes:

  • Moeed: Suggested adding custom code to the theme.liquid file above the </body> tag
  • websensepro: Recommended inserting a media query in the base.css file targeting screens with max-width 767px, using object-fit: inherit !important for the video wrapper
  • PageFly-Oliver: Proposed adding code to the bottom of theme.liquid

Outcome:

The original poster confirmed one of the solutions worked successfully, resolving the mobile responsiveness issue. The discussion appears resolved, with the user expressing gratitude for the assistance.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hello so I used this code to make a video banner and looks great on Destop but the resizing on mobile isn’t that great https://www.youtube.com/watch?v=-Zy-gHGQDtU&t=354s the them I’m using is Origin. The website is https://houseofgod.clothing/

2

Hey @HOUSEOFGOD

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1700120686309.png
Moeed_0-1700120686309.png378×684 151 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

hi, @HOUSEOFGOD

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find base.css file
@media screen and (max-width: 767px) {
.videoBackground .fullscreen-video-wrap .video-js{
    object-fit: inherit !important;
}
}
1 Like
4

Hi @HOUSEOFGOD ,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

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

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

1 Like
5

Your are a life saver!!! :+1: