So I was posted some new things to my website and was changing the video at the top. The desktop on is fine. However, the mobile one is squished and terrible to look at. :woman_facepalming: I used the Video Banner option. Not sure if I need to use something different or what I should so. If someone…

Hey @b3thanyj3an The squished video on mobile is a common issue with the Video Banner section. It usually happens because the video was recorded or exported in a wide landscape ratio (like 16:9) and on mobile that gets compressed into a narrow space. A couple of fixes: In the theme editor, go t…

I’ll give Them a shot! And thank you I didn’t even notice I had the reviews they don’t show up on the apps side. I wonder why? I’ll take a look at it and get rid of them though. Thank you for getting back to me as fast as you did! I’m very grateful :heart_hands::+1:

[image] Monsterdev: @media screen and (min-width: 750px) { .focused-section, $section { display: none !important; } } What’s $section ?

Here $section is a special placeholder token used within the theme customizer. It acts as a shortcut that automatically targets the unique ID of the specific section you are currently editing. When Shopify processes your code, it replaces $section with the actual wrapper ID generated for that block…

[image] Monsterdev: $section is a special placeholder token used within the theme customizer. It acts as a shortcut that automatically targets the unique ID of the specific section you are currently editing. Does not look like this: [Screenshot 2026-05-25 at 4.19.14 PM] [Screenshot 2026-05-…

Ok I made both videos just how you told me to. Uploads them to the files section. This is were I got stuck. You said go to online store > theme > customize. Ever since my Shopify updated I don’t have that anymore. So I have online store and then it says edit theme. *see picture* is this where you wa…

OK, I’m working on trying to fix this. I made two separate videos so that I can use one for desktop and one for mobile. I don’t have the option when I’m editing the video banner for a mobile one. One’s only giving me the option for the desktop. don’t mind the photo quality I’m working on the deskto…

Yes, what’s now “Edit theme” was called “Customize” earlier. Just follow my solution I’ve linked above, one section for desktop video, another – for mobile one, each section has “Custom CSS” setting at the bottom – paste codes there. Resize your browser window on desktop to make site width less th…

the general website development best practices is to always build for mobile first mobile is less space and so if you can make it look good there you can make it look good with more space on desktop

My desktop video looks great, my mobile version is squished

Ask & Offer

tim_tairli May 25, 2026, 3:15am 4

Consider this solution – How to upload video on website banner for mobile and dekstop - #5 by tim_1

Topic		Replies	Views
mobile and desktop video banner Shopify Discussion troubleshooting	6	155	August 30, 2024
How to upload video on website banner for mobile and dekstop Technical Q&A customizations	6	233	November 28, 2025
Seperate video for mobile view Store Design design , customizations , shopify-themes	11	157	February 6, 2026
Video Banner For Mobile/Desktop Store Design design , customizations , shopify-themes	8	224	June 19, 2025
Why is my video banner not displaying on mobile and how can I resize it? Store Design design , customizations , css	6	158	August 14, 2023

My desktop video looks great, my mobile version is squished

Related topics