When creating custom CSS overrides for a web or mobile assistant, you may want to move the assistant button vertically so that it does not overlap with call-to-action buttons or other important elements in your site's footer.
You can do this by adding bottom padding to the appropriate element: #desktop-nav
for desktop view and #mobile-nav
for mobile view.
For example, the following rule will move the assistant button 60 pixels higher in the desktop view:
#desktop-nav {
padding-bottom: 60px;
}
And the following rule will move the assistant 60 pixels higher in the mobile view:
#mobile-nav {
padding-bottom: 60px;
}
You may have to experiment to find the right number of pixels to use for your particular website.