Quick View - Hide Accelerated Checkout Button on Mobile

The quick view option shows the accelerated checkout button but it doesn’t show our disclaimer - By proceeding with express checkout, you agree to our Terms and Condition - due to the room. Can someone show me how to hide the Accelerated Checkout button on my quick view (mobile view) only please.

I can’t see any Quick view option on your site. Neither on Collection page and not on the home page featured collection. Can you please mention where is the option of Quick view?

The quick view option is on mobile view only.

I see. One Quick Question.

I want to confirm, are you referring this to remove from the Quick view of mobile view?

Yes we need to hide that option on the quick view only along with the More Payments option. The only button should be the Add to Bag option.

Alright, in order to remove the button you need to follow these steps.

Go to Shopify Admin –> Online Store –> Edit Code –> base.css

In the end of base.css, paste the following code that shared below.

.modal__centered-content #QuickShopHolder-brown-tracksuit .product-section .page-content .page-width .grid .grid__item .product-single__meta div .product-form-holder--loaded div .product-block .product-block .payment-buttons .shopify-payment-button {
 display: none !important;
}

Results:

I have the motion theme and it doesn’t have the base option.

It doesn’t have base.css

It must have.

Because here you go see in that, there is option of base.css file.

I duplicated the theme to add your code and no such place exists.

Well, but I am checking on the live theme. So, can you share duplicate theme preview link so that I can check the main css file and add the code.

Just a moment please

I added - .modal__centered-content .shopify-payment-button {

display: none !important;

}

to the duplicate theme and it works perfectly. Thank you so much!!

Glad to know. If I manage to help you out then a like and Mark as Solution will be helpful.

Yes, You were brilliant! And I added it.