Fabric theme banner issue

Store Design
1

I upload video banner in the latest fabric theme (version: 2.1.6). However, The video get cropped when I switch to full screen to preview. I have reached out the shopify advisor and they said I need custom coding in order to make sure my video banner appear in right size. Could somebody encountering the same issue provide some helpful advice on how to solve this problem？ As you can see on the screenshot, my banner video almost get cutted in half when switching to full screen

20250915-155029
20250915-1550291920×985 66.6 KB

1 Like
2

Hi @LuxeCharm

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

3

https://9mwh0v9ipacev8rk-70675792100.shopifypreview.com It’s the preview link. Because of the banner problem. the theme is now on draft

1 Like
4

Hi @LuxeCharm

  1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
  2. In the Assets folder, open style.css and add your CSS code at the end
.hero__video-wrapper {
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}

image
image1341×529 29.3 KB

5

Just to clarify, I did not see the style.css in the assets folder. Is base.css the right one?

1 Like
6

Ok you can add css base.css file.

7

Is there way to move it up a bit more? I want to show the product clearly

1 Like
8

Hi @LuxeCharm,

Did you select video size as Auto?

Screenshot
Screenshot690×1428 58.7 KB

Please check and let me know