How to get openlayers 3 zoom control to show up on right side?

Question

By default the openlayers 3 zoom controls are on the top left. How can I move it to the top right? The API appears to return a broken link when going into options.

Mirellamirelle

Answer 1

Using casading style sheets.

.ol-zoom {
   right: 8px
}

Daphene

Me too. "left: unset;" actually. Please edit your answer. – Chiaki

Also had to use left: auto as unset would not work in IE 11. – Senhor

Answer 2

Use cascading style sheets. You need to unset the previous "left" value.

  .ol-zoom {
     left: unset;
     right: 8px;
  }

Chiaki

unset leads to a strange effect in IE 11. I would rather use auto. – Senhor

use left: auto instead of left: unset, works fine in IE11 – Roxanaroxane