Video Play Button At the Bottom Instead Of the Middle

[Skarin584]

Hi,

My video play button is displayed at the bottom of the video on mobile but is in the middle on desktop.

I'm using the debut theme and used a YouTube video as a link.

Can anyone help with getting the play button to display in the middle of the video on mobile please?

Please see below what it looks like on mobile:

Also, it takes two clicks to actually play the video, you have to press the paly button in question and then the other YouTube play button. 

Is there a way i can just upload the .mp4 video straight to the video? The debut theme only accepts links by the looks of things, I've tried google drive as well but YouTube is the only one that seems to work.

Any ideas please?

Thank you in advance.

All the best,

Olly

[GemPages]

Hello @Skarin584 ,

It's the GemPages Support Team and we are glad to assist you today!

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

[Skarin584]

Hi,

I hope you are well and thank you for looking into this.

Yes certainly, my URL is - ogsjawexerciserco.com.

Password is - geofle

Sorry for not mentioning before but another issue cropped up earlier, where the 'Buy It Now' button on the product page is not showing, however it shows on desktop. 

Can you help with this as well please?

Thanks again!

All the best,

Olly

[PageFly-Richard · Accepted solution]

Hi @Skarin584 ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.video-control__play-wrapper-mobile {
    top: calc(50% - 25px) !important;
}

I hope it would help you
Best regards,

Richard | PageFly

[Skarin584]

Hi Richard,

You legend! That worked a treat.

Thanks for sorting it, I very much appreciate it!

All the best,

Olly