Remove Express Checkout from Dawn Theme

[melimiya]

I've been trying to remove the "Express Checkout" section from the Dawn theme's checkout page. I used this code:

{% if additional_checkout_buttons %}
<div class="additional_checkout_buttons">{{ content_for_additional_checkout_buttons }}</div>
{% endif %}

and

.additional_checkout_buttons{
display:none !important;
}

Which worked at removing the Express Checkout from the checkout page, but it brought back the Dynamic Checkout buttons below the "Proceed to Checkout" button in my cart.

I'd like to know how to remove both the "Express Checkout" section from the cart page while keeping the Dynamic Checkout buttons invisible as well.

Website: https://kittie-treats.com

[melimiya · Accepted solution]

Oh, I figured out that I was supposed to put the

.additional_checkout_buttons{
display:none !important;
}

code in the component-cart-notification.css instead of the base.css.

And I put this code:

{% if additional_checkout_buttons %}
<div class="additional_checkout_buttons">{{ content_for_additional_checkout_buttons }}</div>
{% endif %}

in the main-cart-footer.liquid after this part:

<div><button type="submit" style="width: 100%" id="checkout" class="cart__checkout-button button" name="checkout"{% if cart == empty %} disabled{% endif %} form="cart">
{{ 'sections.cart.checkout' | t }}
</button>

Now it works! 

[King-Kang]

Well done kudos to you 😄

[IGOONactivewear]

Hi Melimiya,

Unfortunately for me this didn't work. Would you mind sharing a screenshot of your code or something? I followed exactly your steps, but no result 😞

[porakiet]

could you please rephrase this one more time.this didnt work on my end.

[fwegberts1]

@mel 

I was looking at your store but i still see the express checkout buttons in the first step of the checkout?

[gredondo]

This does not work. Shopify disabled this "solution" sometime since this was posted.

Alas the community forum is still full of false solutions.