Shopify themes, liquid, logos, and UX
Hi, i'm using the video banner in Dawn theme, and I have loaded in my .mp4 it looks great on desktop. I added some mobile code to display the screen in a 2:3 ratio, I have a separate mobile video file that I would like to load in. Can someone weigh in on how to code that? I was able to find someone adding in a desktop and mobile "image banner". Looking for any suggestions as I'm new to using shopify.
I'm actually realizing that loading the 2:3 video in works with the code i have added. https://ilwil-period.com/ and then the mobile will be the 2:3 ratio // i have added code within my editor, generic dawn theme wont display this initially
You can add this code to theme.liquid file after <head> to check if it works for you.
<style>
.videoBackground .fullscreen-video-wrap {
height: calc(100vh - 46px) !important;
}
</style>
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025