Debut theme video play button is not aligned properly

ToneGear
Tourist
6 0 2

Hi - I am having the same issue with the debut theme on mobile devices. Can you tell me how to fix?? Thank you

KetanKumar
Shopify Partner
13991 1634 5021

@ToneGear 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ToneGear
Tourist
6 0 2
Thank you.

Tonegear.myshopify.com

0 Likes
KetanKumar
Shopify Partner
13991 1634 5021

@ToneGear 

Thanks for it 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css.liquid->paste below code at the bottom of the file.

.video-control__play-wrapper-mobile {top: inherit;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ToneGear
Tourist
6 0 2
Thank you SO much! That worked!!

Since you were so helpful, if I am not over stepping, is there a way that you know how to fix my photo with text overlay? The photo looks perfect on the desktop but it is severely cut off on the mobile version. Someone gave me this fix but it made it too small.

.hero[id]{
background-size: contain !important;
height: 41vw !important;
width: 100% !important;}

My theme is debut. If you cannot help, that is ok. I am so grateful for you fixing the video!
KetanKumar
Shopify Partner
13991 1634 5021

@ToneGear 

Thanks for update 

sorry for that i can't see any issue give me screenshot 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
samueldthomas
Tourist
6 0 3

This worked ALMOST perfectly - I just had to change it to inline-block for it to remain centred. Otherwise, thanks for the fix!!

KetanKumar
Shopify Partner
13991 1634 5021

@samueldthomas 

Great, thanks for update.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes