Fix Transfer Points button not displaying when using Layout 01 with Reward Points

Written By :

Posted On :

Share This :

Use the code below to fix the Transfer Points button from not showing at the bottom of the screen when using Layout 01 (and Display Always option selected), and the Reward Points feature.

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: REWARD POINTS: FIX LAYOUT 01 NOT DISPLAYING TRANSFER POINTS BUTTON AT BOTTOM ***/
.layout_1.layout-always-visible .reward-points-view .reward-footer {
    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) + 100px) !important;
}
/*** END: REWARD POINTS: FIX LAYOUT 01 NOT DISPLAYING TRANSFER POINTS BUTTON AT BOTTOM ***/

4) Click Save.

Ready To Start Your New Project?

Get started creating your new iOS or Android app. Once your app is ready, it can be published to the Apple App Store and Google Play Store.