Impulse Theme: Hero Video stretches beyond bottom of desktop viewport

Store Design
, ,
1

I would like to be able to change the scale/aspect ratio of the Hero Video on my page
(https://grandstandbuckets.com) as the bottom of the video is cut off when viewed full-width on a desktop computer. The mobile Views are good out not the desktop. I nave tried many things out nothing seems to work.

Thanks for your help.

2

The sanest approach is to edit the literal video itself to fit the types of frames it’s going to be shown in.

Or customize the theme to show different video for different screens and thus different audiences.

A band-aid fix is to use a custom CSS setting with the following CSS

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

.video-parent-section {
 padding-bottom: 34.25% !important;
}

This however is mucking with the visual aspect ratio.

Tons of existing posts on controlling video size with CSS and the padding-bottom trick for aspect ratio displays.

1 Like
3

Paul,

Thank you for your reply! I am going to work on the video itself.

Thanks again,

Eric