Move mobile "play" button to middle of cover page

Site URL: https://www.nateburdette.com/beam-my-spirits-up

I'm using a cover page template in the York template. Right now, the "play" button on this page is centered in desktop, but in mobile, it moves to the upper left. Is there a way to center this button on mobile? I'm worried people won't see it if not.

https://www.nateburdette.com/beam-my-spirits-up
PW: kagome69

Thanks!

On 2/24/2020 at 8:56 AM, tuanphan said:

Add to Cover Page settings > Advanced > Header

<style>
  a.sqs-slice-play-button.icon-wrapper {
    top: 100px;
    left: 100px;
}
</style>

 

Hi @tuanphan i am trying to move the button down center/middle of mobile page. Can you help?

On 8/20/2021 at 2:41 AM, goodformvintage said:

Hi @tuanphan i am trying to move the button down center/middle of mobile page. Can you help?

Hi,

What is your site url?

On 8/22/2021 at 2:39 AM, tuanphan said:

Hi,

What is your site url?

www.goodformvintage.com

password: Chambray3243! 

Thanks! 

On 9/9/2021 at 7:50 PM, goodformvintage said:

www.goodformvintage.com

password: Chambray3243! 

Thanks! 

Hi,

It looks like you solved this?

9 hours ago, tuanphan said:

Hi,

It looks like you solved this?

It looks fine on desktop but the mobile view is incorrect. Can you help?

On 9/12/2021 at 6:54 PM, goodformvintage said:

It looks fine on desktop but the mobile view is incorrect. Can you help?

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1629298983426_4052 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999999;
}
}

On 9/14/2021 at 9:51 AM, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1629298983426_4052 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999999;
}
}

 

Thanks so much! This worked perfectly!