Changing Navigation bar position
The Store Editor gives you the option of displaying your navigation bar either vertically (side-buttons) along the left side of your pages or horizontally along the top of your pages.
Position of Navigation buttons:
- Side-buttons (default): appear along the left-side of pages (see figure 1). Width of sidebar background determined by the width of the longest button name plus button padding plus the button edge width value.
- Top: appear along the top of the page below the header area (see figure 2). With top buttons, the width of the page is determined by the number of buttons and their width and padding along with the button edge width value. Note: Top buttons is not recommended if you will be changing button names as names of various length will affect page widths. Adjust the button edge width value to maintain page width when changing button names.
To change the position of your navigation buttons:
- From the Store Editor, click "Variables" in the Editor toolbar on any page.
- Scroll to the "Page Layout" section of the "Variables" page.
- Select one of the following from the drop-down menu of the "Page-format" field:
- Top-buttons (display horizontally across the top of the pages)
- Side-buttons (display vertically down the left side of the pages)
- Click "Update" when finished to return to the "Edit" view of the page.
- When ready, click "Publish" in the Editor toolbar to push your changes to your live site.
Many advanced sites wish to display both a top navigation bar and a side navigation bar. This format is typically for sites with both a depth and breadth of content. For example, Amazon.com displays a row of tabs along the top to departments (books, toys, etc…) but also displays links to categories within the department along the left. To implement such a navigation scheme in the Store Editor you would either need to explore custom RTML templates or insert formatted HTML into the message field (or a similar field that accepts HTML) for pages in your Store.
See Also