AeroCheckout- Custom WooCommerce Checkout Pages

  1. Home
  2. Docs
  3. AeroCheckout- Custom WooCommerce Checkout Pages
  4. Forms
  5. How to show order summary open by default on mobile?

How to show order summary open by default on mobile?

To show “Order Summary” section by default open for mobile view we need to add Custom CSS.

Step 1: Click on “Customize” button for selected AeroCheckout template.

Step 2: Here click “Custom CSS” tab.

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

.wfacp_mb_mini_cart_sec_accordion_content{display:block;}

Step 4: Click “Publish” button to save changes.

Final Output:

How can we help?