Once you've created a good-looking website with different pages, you need to make it really easy and seamless for your visitors navigate through them, right? Here's a quick overview of the Pages Element, that will enable adding Pages and managing the navigation on your site.
To get started, go to Elements Section and drag and drop the ‘Pages’ icon to the canvas. Now you can start selecting the pages that you want to be visible on your site menu.
See here on how you can include more pages to your site.
To add new pages, click 'Add Page' and choose the desired page type.
There are two ways to modify the mode of your navigation bar. You can either set it to Standard or Burger, along with the Layout: Vertical or Horizontal.
In this section, you may also enable certain options for your navigation, including:
- Stretching Labels
- Showing Sub Pages
- Sub Page Collapse
- Showing Home Page.
Just make use of the switchers to achieve the desired result.
In addition, you can also set your subpage dropdowns to open On Click or On Hover.
What about changing the way your navigation looks on your pages?
Simply go to Style Settings in order to set the Label Font, Size, Weight, Distances and more for the pages and subpages. You also have the option change the Colors and Shadows for things like page labels, active or on hover, etc.
Feel free to play with colors using the Colors Tool.
Wanna design the Burger icon in away so that it's unique, stands out and is noticeable to your site visitors? Here's how!
To start, click on your Burger Menu → Edit Page → Burger Menu Settings.
You'll first be given the option to find the perfect icon. Just type in related niches in the search field, scroll down and you'll see all the available options.
Once you’re happy with the icon of choice, customize it further by, for example, changing its size and even use the color tool to make it more colorful!
FYI, the system automatically generates a drop down menu for your Website on Mobile view as the best scenario for mobile navigation is to use a so-called burger menu.
If you want to customize the design and style of the Navigation bar specifically for Mobile version, first you'll need to make changes on your Desktop.
To do so:
- Change your Menu type from Standard to Burger from Page Settings → Layout Settings.
- Customize Burgers Design by clicking on Burger Settings → Edit Page Styles.
- After, just set it back to Standard.
Note that the latter allows your burger menu to appear only on mobile version, while all style changes will be still saved.
Alignment - You may not like how your Page Element is positioned on the page? In order to amend this, all you need to do is click on the ‘Alignment’ icon to fix this.
Visibility Settings - It enables making a certain Element/Block appear on Desktop, Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the dropdown menu to get full control over the visibility of the elements on your page.
Next comes Location visibility. Include or exclude specific cities or countries or set the appropriate Custom IP.
Trash Icon - If you want to remove your gallery, click the ‘Trash’ button and hit ‘Delete’ to confirm your action.
For more insight on managing the pages of your website, check out the Pages App on your Dashboard and make your pages and navigation match your expectations perfectly.