adjust video size on product page for mobile version - dawn theme

Shopify Discussion
1

Hello!

I wonder if anyone knows how to adjust the video size on mobile version because it is smaller than the pictures sizes on product page:

I would like the video to be with the same size as the photos and if it could be played automatically it would be great

LuizaSMC23_1-1750549479280.png
LuizaSMC23_1-1750549479280.png341Ă—501 33.2 KB

LuizaSMC23_0-1750549455392.png
LuizaSMC23_0-1750549455392.png350Ă—500 65.8 KB

thanks in advance

2

Hey, I ran into this same thing on my store a while ago! The video shows smaller on mobile by default, especially if you’re embedding it. What helped me was using a custom section or tweaking the video block’s padding inside the theme editor.
I’m actually able to know this because I work closely with my tech VA…

Also, check your theme settings, some themes let you enable autoplay or full-width video for mobile, but it’s usually a hidden toggle or needs a small code tweak. I was actually left out at this point…
By the way, I love your store design, yours actually made me feel like my expert didn’t design mine to the fullest, but I noticed you haven’t worked on the trending social media, why?, did your expert not tell you… I literally just started a month ago but have made double of the sales since i launched my store from TT. I hope you’re also aware!

3

Hello @LuizaSMC23 . Please follow the below steps:

  1. Go to your theme editor
  2. In theme settings you will find Custom CSS section
  3. Copy paste the below code there:
.product-media-container.media-type-video {
width: 100% !important;
}

Please let me know if this works for you or not.

4

Hi
Hope you are fine

This is my email: “ahmadkamal710@gmail.com”. Could you give me access to
your store? I will check this issue and let you know.

Thanks

5

Hi friend, it worked! Thanks a lot!

Is there any chance you know how to put the video on auto play?