Floating badge sits in the wrong corner on mobile

On mobile, every floating badge layout displays in the bottom-left corner by default, whatever position is set for desktop. This is intentional, for consistency and thumb reach.

It can be changed with custom CSS, pasted into the Custom CSS field in Settings.

Card Badge, Compact Badge, Reviews Button, Review Request, Light Sticker, Bold Sticker, Tag Sticker, Oval Sticker and Achievement — all of them, in floating mode.

Paste the block for the corner you want into Settings → Custom CSS. Bottom-left needs nothing, being the default.

Bottom-left is the default for a reason: on most sites the bottom-right corner already has a chat widget or a cookie notice, and two floating elements fighting for the same corner is worse than either.

@media (max-width: 480px) {
  .slide-in-position-container {
    padding: 20px;
    justify-content: flex-end;   /* right side */
    align-items: revert;         /* top — omit for bottom */
  }
}