How to change the Launcher's position on page

You can change the positioning of the launcher by using the following custom CSS:

#uiq_launcher.uiq_launcher_container{

1. position: fixed;
2. bottom: 100px !important;
3. right: 50px !important;
4. left: auto;
5. top: auto;

}

You can then adjust the "bottom" and "right" values to move the icon up/down and left/right accordingly.

If you are using a Launcher badge, make sure to move this with the Launcher as well. Use the following CSS to move the Launcher Badge:

/*Launcher badge animation removal*/
#uiq_launcher_badge_pulse {
  animation: unset !important;
  animation-iteration-count: 0 !important;
  position: fixed !important;
  bottom: 105px !important;
  right: 55px !important;
  left: auto !important;
  top: auto !important;
  width: 20px !important;
  height: 20px !important;
}

/*Launcher badge position change*/

#uiq_launcher_badge {
  position: fixed !important;
  bottom: 107px !important;
  right: 56px !important;
  left: auto !important;
  top: auto !important;
  font-size: inherit;
}

Adjust the "bottom" and "right" values in both /*Launcher badge animation removal*/ and /*Launcher badge position change*/ to move the badge up/down and left/right accordingly.

Use the following CSS to resize the Launcher Icon:

#uiq_launcher.uiq_launcher_container {
width: 50px !important;
height: 50px !important;
}

You can change the size by increasing/decreasing the width and height.

Follow these steps to ensure your launcher CSS is modified:

1. Copy all of this CSS into the 'Custom CSS' section in one of your campaign themes
2. Save Theme
3. Edit your Launcher on the Launchers tab in All Campaigns view and change its theme to the one you have recently added CSS for
4. Test these changes on your app  
5. To adjust launcher position, continue to modify the bottom/right numbers in the theme, save it and reload your app to reflect the changes.
6. Continue this process until the Launcher is in the desired location.