Top-Bar Settings

top-bar-settings

The Top-Bar Settings sections deals with the settings associated with the Top-Bar.

The first setting deals with the positioning of the Top-Bar. There are four different positions you can set for the Top-Bar:

  1. Normal Position (default)
  2. Top of Browser – Scroll
  3. Top of Browser – Fixed
  4. Contain-To-Grid-Sticky

The first position, Normal Position, is the default position of the Top-Bar, which is under the header. The top-bar will stay in this position if the user scrolls down the page:

normal-position

Default Position: Normal


The second position, Top of Browser – Scroll, will position the top-bar at the very top of the site. The top-bar will stay in this position if the user scrolls down the page (just like the menu at the top of this site):

top-of-bowser-scroll

Second Position: Top of Browser – Scroll


The third position, Top of Browser – Fixed will again position the top-bar at the very top of the site, similar to Top of Browser -Scroll, however when a user scrolls down the menu will stay at the top of the browser window and remain visible as the content rolls underneath it:

top-of-browser-fixed

Third Position: Top of Browser – Fixed


The last position, Contain-To-Grid-Sticky, leaves the top-bar in the default position, however when a user scrolls down the screen, the menu remains visible while the content scrolls underneath. The links also stay within the confines of the theme width:

contain-to-grid-sticky

Fourth Position: Contain-To-Grid-Sticky