We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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

Solved

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

LuizaSMC23
Excursionist
27 0 6

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_0-1750549455392.png

 

shoptarz.com

 

thanks in advance

 

Accepted Solution (1)

alphaedge
Shopify Partner
7 1 0

This is an accepted solution.

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.

If our answer helped you please like and mark it as accepted.
Try our apps: https://apps.shopify.com/partners/alpha-edge
Contact Us: alpha.edge.dev@gmail.com

View solution in original post

Replies 4 (4)

Mandystore001
Tourist
4 0 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!

alphaedge
Shopify Partner
7 1 0

This is an accepted solution.

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.

If our answer helped you please like and mark it as accepted.
Try our apps: https://apps.shopify.com/partners/alpha-edge
Contact Us: alpha.edge.dev@gmail.com
LuizaSMC23
Excursionist
27 0 6

Hi friend, it worked! Thanks a lot! 

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

Ahmad710
Shopify Partner
7 0 0
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
Ahmad