Introduction

By default the homepage displays a set of navigation dots on the right side of the page as you scroll to help jump around the content faster. You may wish to change the position of these dots to the top, bottom or left.

The Solution

Under Theme Options you are able to set the Navigation dots position to Left or Right. If you wish to set them to top or bottom, you may do so with Custom CSS.

Don’t see navigation dots appear when you scroll? Make sure you are using the Widget Driven Home Layout.

Top

.dot-nav{top: 20px !important; left: 43% !important; width: 500px;}

 

Bottom

We do not recommend this position as it will overlap your content in most cases.

.dot-nav{top: inherit !important; bottom: 20px !important; left: 43% !important; width: 500px;}

Elementor