Hi everyone,
I’m currently using the Brooklyn theme and would like help on enlarging the first section on my homepage.
The section has a background video and I’m currently facing two issues:
-
The video width is fine on normal monitors, but on some others (like ultrawides) it doesn’t resize properly and leaves white bars to the left and right
-
The section height – even though I set the section to “large,” I might need to custom code it so that the section responsively fills the entire screen instead of just a little more than half
This is the link to the store:
https://auralumina-com.myshopify.com/
Any help would be appreciated, thanks!
1 Like
Hello,
Using a Vimeo video this is not possible, it comes with a maximum width set up already.
You’d need to code a custom section onto your theme to use an uploaded video instead of a vimeo/youtube video. Since it would require Liquid/CSS/Javascript knowledge to implement this feature, I’m afraid that unfortunately there is no simple copy-paste solution otherwise I’d happily guide you through.
In case you’re unfamiliar with these technologies you’ll need to hire a Shopify developer to assist you.
Kind regards,
Diego
Hello, @auralumina
Welcome to the Shopify community!
and Thanks for your Good question.
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#shopify-section-1596921734968 .ImageHero--large {
min-height: 100vh;
}
see result
