Since i added a product video on my product page it started glitching. When the video plays it decreases in size and will be shown very small. How could i fix this problem?
see photos for a refference:
website: www.fluffswiper.com
Topic summary
A user is experiencing a video sizing issue on their product page. When the product video plays, it unexpectedly shrinks and displays much smaller than intended.
Problem Details:
- The glitch began after adding a product video
- Reference images were provided showing the before/after states
- The issue appears to be CSS-related
Proposed Solution:
A community member suggested a CSS fix:
- Navigate to: Online Store → Theme → Edit code
- Locate the
base.cssfile - Add the following CSS rule:
.product-video {
max-height: 100% !important;
}
The discussion remains open as the original poster has not yet confirmed whether this solution resolved the issue.
Hello @Alex365 ,
Follow these steps:
-
Go to Online Store → Theme → Edit code
-
Open your base.css file and paste the following code below:
.product video {
max-height: 100% !important;
}
Thanks
1 Like