Follow the instructions below to fix the Order History and Shopping Cart not displaying at the bottom of the screen when using the Commerce Pro feature and Layout 01 (with display on all pages selected).
1) Log into your App Manager and select your app.
2) Click Colors from the left-hand-side of the screen (or the middle of the screen).
3) Scroll down until you get to the Advanced SCSS box and paste the following code. If there is already code in the advanced SCSS box, do not remove it. Start a new line “after” the last character in the box, then paste the code below.
/*** BEGIN: COMMERCE PRO - FIX LAYOUT 01 - ORDER HISTORY AND SHOPPING CART NOT SHOWING AT BOTTOM ***/
.layout-l1.layout-always-visible ion-view[state="commercepro-category-list"] .bar-custom.bar {
bottom: calc(var(--safe-area-inset-bottom) + 0px) !important;
padding-bottom: calc(var(--safe-area-inset-bottom) + 100px) !important;
height: calc(var(--safe-area-inset-bottom) + 90px) !important;
}
/*** END: COMMERCE PRO - FIX LAYOUT 01 - ORDER HISTORY AND SHOPPING CART NOT SHOWING AT BOTTOM ***/
4) Click Save.