AeroCheckout- Custom WooCommerce Checkout Pages

  1. Home
  2. Docs
  3. AeroCheckout- Custom WooCommerce Checkout Pages
  4. Fields
  5. How to Show Order Summary Open By Default on Mobile?

How to Show Order Summary Open By Default on Mobile?

If you want to show the order summary section open on mobile as a default option then you need to use custom CSS.

First, here’s how the default view will look: Step 1: Click on the ‘Edit’ button for the selected Aero Checkout template.

You’ll see the ‘Customizer’ opens up.

Step 2: Click on the “Custom CSS” tab

Step 3: Add the CSS given below to show the “Order Summary” on mobile by default.

.wfacp_mb_mini_cart_sec_accordion_content{display:block;}

Step 4: Click on the “Publish” button

This will save your changes.