Debut theme video play button is not aligned properly

[ToneGear]

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

[KetanKumar]

@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.

[ToneGear]

Thank you.

Tonegear.myshopify.com

[KetanKumar]

@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;}

[ToneGear]

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]

@ToneGear 

Thanks for update 

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

[samueldthomas]

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

[KetanKumar]

@samueldthomas 

Great, thanks for update.