Editing the website navigation

Adding a page to your website's navigation is easy once you have the basics of how. If your website's navigation is automatically generated, you will need to change it to custom to build your own navigation. Follow these instructions in either case...

Start by clicking the settings link in the website tab...

In the website settings window, click on the link that opens the Template Setting Section.

Click on the Edit Navigation Button.

The following screen may appear differently if you have Auto Generated or Custom Navigation selected on your website.

This is the Auto Generated Navigation view.

Navigation Style: Auto Generated Navigation will create tabs and sub navigation items automatically when the pages are created.

To build a custom navigation, select Custom at the top.

In this image we start with a custom navigation that is already in process.

Navigation Alignment: This adjusts the alignment to the right or left of the page center.

NOTE: If you have all 6 tabs completed and you select the right or left option your website will still appear with centered navigation as all available space has been filled.

Navigation Height: This will adjust the height of the website's navigation bar.

 

Navigation Tabs and Sub Nav Links

The website "Tabs" are the bolder text at the top. There can only be 6 Tabs on your website.

Editing a Tab

The options for tabs are:

Link to page: This will open the URL you enter in the same window or a new window. Use new window anytime you link to another website or a file such as a PDF'

Link Text: This is the text that is displayed in the Tab.

Link URL: This can be any website address on the internet. To quickly select a page, blog post, or sales listing on your website click the select link to the right, find the page in the list, then choose the link next to the page. The system will automatically fill in the URL.

Hover Text: Some internet browsers will show a popup snippet of text when you hover over items on a website. This is the text that will be displayed. This is also considered to be an advanced SEO feature. Please see upcoming tutorials.

Tab Visibility: There are 2 options. As a public tab, anyone can view the Tab on your website. Setting this to Registered Users Only will require visitors to be signed up as a website user to view this tab. Please see future tutorials on how to set up your website's user section.

When finished editing the tab, click Edit Tab to save the changes.

Additionally, you can click on Hide Tab to disable the tab from appearing on your website's navigation.

 

Adding Sub Nav Links

To add a sub navigation item under a Tab, click the Add Sub Nav link.

The options for Sub Nav Links are:

Link to page: This will open the URL you enter in the same window or a new window. Use new window anytime you link to another website or a file such as a PDF'

Link Text: This is the text that is displayed in the sub nav link.

Link URL: This can be any website address on the internet. To quickly select a page, blog post, or sales listing on your website click the select link to the right, find the page in the list, then choose the link next to the page. The system will automatically fill in the URL.

Hover Text: Some internet browsers will show a popup snippet of text when you hover over items on a website. This is the text that will be displayed. This is also considered to be an advanced SEO feature. Please see upcoming tutorials.

When finished, click Add Link.

NOTE: if you add a sub nav item that is linked to a page on your website, and that page's visibility has been set to something other than "public," the sub nav link will not appear unless the user is logged into the website. An example of this would be a "logout" button that should only appear to website visitors that are currently logged in.

 

Editing Sub Nav Links

Many of the settings are the same as with adding a sub nav link with the following exceptions.

Move Up/Move Down: This with move the sub nav item up or down the Tab it belongs to.

Delete: This will delete the sub nave once you are finished and submit the changes to the whole navigation.

Click Save/Edit Link to make your changes.

 

Finishing Up

Once you have finished editing you navigation and all changes have been submitted...

...you will need to click on the Save/Edit button at the bottom. Only then will your changes be saved on the website.

 

Congratulations, you have edited your website's navigation!

 

Share:

 

Posted to: Tutorials: MySiteCMS Training Series

 

All Blog Posts

 

*included and integrated solutions available with websites built on the MySiteCMS platform only.

 

Follow:

iPrescott Business Solutions on facebookiPrescott Business Solutions on google+iPrescott Business Solutions on youtubeiPrescott Business Solutions on blogger
iPrescott Business Solutions on facebook iPrescott Business Solutions on google+ iPrescott Business Solutions on youtube iPrescott Business Solutions on blogger 
© iPrescott Business Solutions | Photo Credits | Privacy Policy | Website Design by Websites by JP
Review:
"iPrescott Business Solutions in Prescott Arizona is a website and on-line business you can count on! I have owned my own business for over 30 years and have used 5..." read more
- Rich Severns
 
Review:
"Jonpaul is excellent! Takes his time to see what his client needs and then follows through with everything. I am very pleased with his work...." read more
- Mary Beth Hrin
 
Review:
"Thank you Jonpaul - You've done amazing work for us and you have gone above and beyond the scope. It is so incredibly appreciated...." read more
- Christine C.
 
Review:
"Prompt and efficient service and very knowledgeable..." read more
- Rob Chriss
 
iPrescott Business Solutions 5 out of 5 based on 20 ratings.
Website Design, SEO, and Online Marketing from iPrescott Business Solutions
5 out of 5 stars iPrescott Business Solutions in Prescott Arizona is a website and on-line business you can count on! I have owned my own business for over 30 years and have used 5 other companies before using iPrescott. None came close to JonPaul & his team! My website is beautiful, the training is excellent and everything that was said was going to be done was completed perfectly in a very timely manner! JP even helped to keep me on schedule. I wouldn't go anywhere else-period!
Website Design, SEO, and Online Marketing from iPrescott Business Solutions
5 out of 5 stars Jonpaul is excellent! Takes his time to see what his client needs and then follows through with everything. I am very pleased with his work.
Website Design, SEO, and Online Marketing from iPrescott Business Solutions
5 out of 5 stars Thank you Jonpaul - You've done amazing work for us and you have gone above and beyond the scope. It is so incredibly appreciated.
Website Design, SEO, and Online Marketing from iPrescott Business Solutions
5 out of 5 stars Prompt and efficient service and very knowledgeable