Administrators & Analysts

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.

If you are using an assistant greeting, you will likely also want to move it to match. You can do this by adding an equivalent bottom margin to the #prompt-body element, like this:

#prompt-body {
  margin-bottom: 60px;
}