You can change the positioning of the launcher by using the following custom CSS:
#uiq_launcher.uiq_launcher_container{ position: fixed; bottom: 100px !important; right: 50px !important; left: auto; 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:
- Copy all of this CSS into the 'Custom CSS' section in one of your campaign themes
- Save Theme
- Edit your Launcher on the Launchers tab in All Campaigns view and change its theme to the one you have recently added CSS for
- Test these changes on your app
- To adjust launcher position, continue to modify the bottom/right numbers in the theme, save it and reload your app to reflect the changes.
- Continue this process until the Launcher is in the desired location.
Comments
0 comments
Article is closed for comments.