How do I re-position the map launcher?

 

Shopify Stores

In order to re-position the launcher, you will need to add a couple lines of CSS code to your theme.  To do this, navigate to the Themes page and click Edit Code from your current theme's dropdown menu.

Then in the theme.scss.liquid file, add the CSS code to re-position the launcher like so:

 

Anywhere in the theme.scss.liquid file, you can add the following CSS code to adjust the bottom position of the launcher.  By adjusting the bottom pixel value, it will move the launcher higher or lower.

#closeby-launcher-embed {
  bottom: 100px!important;
}

To position it in the top right, you can use the CSS:

#closeby-launcher-embed {
  bottom: auto!important;
  top: 20px;
}

Non-Shopify Stores

On Non-Shopify stores, it's somewhat easier.  Wherever you can add custom CSS, add the following CSS code to change the bottom position:

#closeby-launcher-embed {
  bottom: 100px!important;
}

To position the launcher in the upper right, use the following CSS code:

#closeby-launcher-embed {
  bottom: auto!important;
  top: 20px;
}