Repositioning the Mission Dock

Change the location of Mission Dock

David Batey avatar
Written by David Batey
Updated over a week ago

The Mission Dock will by default run at the bottom of your website in a consistent position. Because the Mission Dock runs on your own website though you can override the default positioning so that it better suit your UI. There's two components that you might want to change

Minified Mission Dock


<style type="text/css">
   .ni-md .ni-md-mini {
      right: 10%;
      left: initial;
      margin-left: 0px;
   }
</style>

This change would move the Minified Mission Dock to the right hand side of the screen.

Mission Dock

<style type="text/css">
    .ni-md .ni-md-big {
       right: 10%;
       left: initial;
       margin-left: 0px;
    }
</style>

 And this will reposition the main Mission Dock to the right hand side of the page.

Please let us know if you need any other examples or help implementing.

Did this answer your question?