How to make a 9:16 video not full width in Shopify's Symmetry theme?

Store Design
1

Is there a code I can add to custom CSS to decrease the display size of a particular video in Symmetry’s theme? It’s automatically set to full screen, and this looks particularly awful on desktop view, though I’d like to make the width smaller on desktop and tablet as well.

The video will be up for a month on the homepage of this website. Any help would be appreciated!

https://retrostylistwear.com/

1 Like
2
  • Here is the solution for you @Jen_h_1
  • Please follow these steps:
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before and press ‘Save’ to save it
  • Here is the result you will achieve:

BSSTekLabs_0-1727874554160.png
BSSTekLabs_0-1727874554160.png1867×901 126 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
3

Thank you for taking the time to help me! Before I saw your post, I found another solution: I used the “video with text” section, and this works well for my needs. Thanks again for your assistance.

1 Like