how can I create the section twice and optimise the video for each device? one for desktop and one for mobile i want different size videos for the both of them the mobile one being 3:4 and desktop being 4:3. I know nothing about coding I was wondering if anyone could help me.

Thanks for the info, check this one. From you Admin page, go to Online Store > Themes Select the theme you want to edit Under the Asset folder, open the main.css(base.css, style.css or theme.css) Then place the code below at the very bottom of the file. @media only screen and (min-width: 749px){ …

How to use CSS media queries

Technical Q&A

Made4uo-Ribe July 7, 2024, 10:02pm 3

Hi @NightyLighty

Can I take a look, would you mind to share your store URL? Thanks!

Topic		Replies	Views
Reducing Size of Desktop Version of Video Section Only Store Design design , customizations , css , shopify-themes	6	44	May 10, 2024
Different video size for desktop & mobile Store Design	17	94	February 22, 2024
About distinguishing the Hero video on the mobile phone and the computer Technical Q&A shopify-theme	6	26	August 1, 2023
How do I reduce the size of a section for mobile, when it is perfect for desktop? Technical Q&A shopify-theme	7	40	March 31, 2023
Resize video on the hompage (Custom HTML) - Brooklyn Theme Store Design	2	16	December 11, 2020

How to use CSS media queries

Related topics