Knowledgebase

One-Pager Themes: How to Change the Homepage Nav Dots Position to Top or Bottom

Intro

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; […]

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;}

Get 15% off!

Signup and get 15% off any of our Ghost or Framer themes immediately