how to change Tall Videos viewed on desktop to fit to height size of screen?

Illup11 · ‎01-20-2024

Right now my vertical videos look perfect on mobile but are way too big on desktop. How can I have them fit to height of the screen for desktop viewers? (there was another similar topic to this, but the code did not work for me)

Liquid_xPert_SJ · ‎01-22-2024

Hi @Illup11 welcome to the Shopify Community,

Can you please share the example url here so that i can look into it and suggest you best way to solve that.

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee ☕ for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee ☕ for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
- Need THEME UPDATES but have custom codes? No worries, for an affordable price.

Illup11 · ‎01-22-2024

Yes, thank you! Here is one of the pages from my site that needs adjustment on desktop only (not mobile):

https://www.metamorflotus.com/pages/ceremony

Liquid_xPert_SJ · ‎01-22-2024

Hi@Illup11,

Actually the video layout is horizontally placed thats why that looks wired on the desktop screen i have check and see below screenshot after adding code it looks this kind of view do let me know if thats ok i will share the code.

Thank

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee ☕ for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee ☕ for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
- Need THEME UPDATES but have custom codes? No worries, for an affordable price.

Illup11 · ‎01-23-2024

That is great as long as it still looks the same on mobile! Thanks so much! Yes, please let me know the code and where to put it on my site thanks!

Illup11 · ‎01-24-2024

Hello? Code please? Thanks

Illup11 · ‎01-26-2024

You still here? Code?

BSS-Commerce · ‎01-24-2024

Hi @Illup11 ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.

Product Labels by BSS | B2B Solution & Custom Pricing

Need help from our expert? Kindly share your request with us via community@bsscommerce.com

BSS Commerce - Full-service eCommerce Agency

Illup11 · ‎02-02-2024

Yes please let me know of a code to make it sized to fit on desktop but stay the same on mobile please. Here is link to one of the pages that has a vertical video:
https://www.metamorflotus.com/pages/about

how to change Tall Videos viewed on desktop to fit to height size of screen?

how to change Tall Videos viewed on desktop to fit to height size of screen?

Community Blog Articles