How to place the menu button differently on desktop and mobile

The Currency menu button can be placed in a different location on desktop and mobile directly from the app dashboard preferences page in the Menu button section.

We can always configure it for you but if you want to try yourself, this can be done in the Menu Button section:

Once you click on Change menu button location, at the end of the section, you will see the Use a different position for mobile devices option:

If you check it, you will be able to configure the menu button position in mobile devices in the same way as for desktop.

If you choose Floating position, you need to enter which corner you want the menu button to be placed, and the distance to the sides of the screen. This way, the menu button would stay fixed on the screen regardless of scrolling.

However, if you choose Relative to another element positioning, you need to identify an HTML element as reference to locate the menu button. For this you need to be very familiar with the HTML structure of the Shopify theme. Of course, you don't need to know HTML or CSS to configure our app, just drop us an email and we will configure it for you.

On the 'Placement' tab you can select the position the widget will have in reference to the element. It can be placed before or after the selected element, also as the first or last child.