Hide dynamic checkout button on desktop only

[JhordanMSUITE]

Hello, can someone help me hide the "Shop Pay" dynamic checkout button on desktop? I would like to keep this button active on other devices.

https://2d26b3.myshopify.com/products/sample-product

PW: reishi

[Dan-From-Ryviu · Accepted solution]

Go to your Online store > Themes > Edit code > open base.css file, add this code below at the very bottom, and save file 

@media (min-width: 990px) {
.shopify-payment-button { display: none !important; }
}

[PageFly-Richard]

Hi @JhordanMSUITE 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.shopify-payment-button__button--branded{
	display: block;
}

@media (min-width: 1024px) {
.shopify-payment-button__button--branded{
	display: none;
}
}
</style>

Hope this can help you solve the issue

Best regards,

Richard | PageFly