How to Hide Express Checkout Options from Cart

Hide express checkout buttons to ensure customers complete the full checkout flow with date and time selection.

Express checkout options can bypass your Bird App date and time selection. This results in orders without delivery scheduling. This guide shows you how to hide these buttons from your cart page.

How to Hide Express Checkout Options

Follow these steps to remove express checkout buttons from your cart page:

Step 1: Locate Express Checkout Buttons

Open your cart page and identify the express checkout buttons.

Cart page showing express checkout buttons that need to be hidden

Step 2: Inspect the Page Elements

Right-click on the express checkout buttons and select Inspect from the context menu.

[Placeholder Screenshot: Right-click context menu with Inspect option highlighted.]

Step 3: Find the Element Class or ID

In the developer tools, locate the express checkout button elements. Look for classes or IDs containing words like "dynamic" or "checkout".

Developer tools showing the HTML structure with dynamic checkout button elements highlighted

Navigate to Bird App Settings > Widget Design in your Shopify admin.

Step 5: Add CSS to Hide Express Checkout

Scroll to the Advanced Styling section and add CSS code to hide the express checkout buttons.

For Class-based elements:

.dynamic-checkout__content {
    display: none !important;
}

For ID-based elements:

#dynamic-checkout-cart {
    display: none !important;
}

Note: The !important declaration overrides theme styles. Replace the selectors with the actual values from your store's inspection.

Advanced styling section showing the CSS code added to hide express checkout buttons

Step 6: Verify the Changes

Save your settings and refresh your cart page. The express checkout options should now be hidden.

Cart page with express checkout buttons successfully hidden, showing only the standard checkout flow

Troubleshooting

If the CSS doesn't work:

Check for typos in your CSS selectors
Use browser developer tools to verify the correct class/ID names
Clear browser cache and refresh the page

Alternative solutions if CSS fails:

Theme Settings: Some themes have built-in options to disable express checkout
App Conflicts: Check if other apps are forcing express checkout to display

Updated on: 09/27/2025

Was this article helpful?

Thank you!

How to Hide Express Checkout Options from Cart