Ability to move button on mobile devices

[user20104]

We have 2 buttons that we want to show on all pages. The Contact button is in the bottom right, and the other button is in the top right. This is fine for our desktop view, but the button in the top right obscures our announcements bar in Shopify’s mobile view. It would be awesome to have the option to automatically move it to a different location for mobile devices.

Or, another option could be to have a different type of button where we always show the icon only, with the text only showing on hover for desktop and on long-touch for mobile. In that case, we could keep the button in the same place for both views…

[Max]

Hi there, @user20104

We agree that it would be awesome to have this option in the settings and we’ll try to think about it in the future

As for now, you can use this code to control the position of the button on mobile:

@media (max-width: 500px) {
  .global-styles, [class*="FloatingButton__FloatingButtonContainer-sc"]{
    padding-top: 100px;
    padding-right: 20px;
  }
}