How can I build a submenu page navigation menu?

  • 0
  • 2
  • Question
  • Updated 7 years ago
  • Answered
  • (Edited)
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members.

Can you make a sub-page heading from a page? you know like if you click about us then you have a menu drop down
Photo of jonquinn31549

jonquinn31549

  • 100 Points 100 badge 2x thumb

Posted 7 years ago

  • 0
  • 2
Photo of Chris Folmer

Chris Folmer, Alum

  • 28,258 Points 20k badge 2x thumb
Hi Jonquinn3,

Welcome to the Community!

There are two ways you can set this up.

1. You could create a secondary submenu similar to:

http://rainbowhottubsds.homestead.com/

If you go to that website and click the Hot Tubs link, you will see that they created a secondary navigation menu that only shows up on those sub pages so it looks like a drop down.

2. For an actual dropdown menu, go to http://deluxe-menu.com/. Pay a one time fee for single or multiple sites and own your own Drop down menu generator. It uses one line of Javascript inserted on your page.

You could also view http://dropdownmenu.homestead.com/ind... which has instructions on how to build one.

Hope that helps!

Chris
Photo of Ronda1042

Ronda1042

  • 600 Points 500 badge 2x thumb
Thanks for the info - however, you did not give instructions as to how to build the Submenu (like on the Hot Tub site). Please provide that for us
Photo of Chris Folmer

Chris Folmer, Alum

  • 28,258 Points 20k badge 2x thumb
Hi Ronda,

Thanks for posting!

To create the submenu like on the Hot Tub site.

1. First create your main navigation menu.
2. Next go to a sub page such as your about us page
3. Create a new navigation menu (click on Insert in the top toolbar, select More from the drop down menu, and select Navigation Menu. This new navigation menu will be your sub menu. If you like you can also add a rectangle element (under the insert button) to give a background to it. For you new navigation, add only the pages you want to display in the submenu. When you are done, you can copy and paste it to all the other sub page you want.

Thanks!

Chris
Photo of Ronda1042

Ronda1042

  • 600 Points 500 badge 2x thumb
Yes Chris - I have tested that - but how do you get the submenu to open, after you click Hot Tubs (for instance)? Basically, how do you link the main Nav Bar tab to the Submenu?
Photo of Chris Folmer

Chris Folmer, Alum

  • 28,258 Points 20k badge 2x thumb
Hi Ronda,

Sorry for the confusion. On the hot tubs site, the link HOT TUBS goes to the hot tubs page. On the HOT TUBS page, a second navigation menu was set up (not linked from the 1st navigation). The button effect (blue section) is part of the hut tub page and not any link from the main navigation. However the way they set it up makes it look like a submenu when in fact it's just another navigation menu with smaller writing.

If you respond with which website your trying to do this on, I'd be more than happy to help.

Thanks!

Chris
Photo of Ronda1042

Ronda1042

  • 600 Points 500 badge 2x thumb
Thank you Chris for your personal email response! You were awesome to walk me through this. I so appreciate your help!!
For others out there....the submenu does not link from the Main Nav Bar. You simply put the Submenu on the pages that you want, then, link to the appropriate pages from there.
Photo of GWH0756

GWH0756

  • 604 Points 500 badge 2x thumb
I believe the HOT TUBS website's sub-menu navigation solution does the following...
- Creates additional navigation menus with sub-menu content for each "primary" button needing it.
- Creates multiple copies of the original webpage containing the "primary" navigation menu for each desired sub-menu.
- Edits the copied pages to reflect the unique sub-menu content for each.
- Links the original page's "primary" menu buttons to the newly created copied pages with associated sub-menu content.
The end result is a type of sub-menu functionality.

But remember...you must consider website viewing and surfing actions from the user's perspective.
The problem I see with the HOT TUBS sub-menu is that a user MUST click on a primary button on the original webpage to view ANY sub-menu content.
So...HOW WOULD A USER KNOW THAT SUB-MENU CONTENT EVEN EXISTS?
"Legit" dropdown or sub-menu functionality allows a user to view sub-menu content by simply mousing over the primary buttons. In my opinion, this is a much more realistic user experience.
If you mouse over ANY of the HOT TUBS website navigation buttons, they simply change background color. So as a user, I wouldn't intuitively know there's sub-menu content available under ANY of these buttons, unless I perhaps "accidently" clicked on one!

I'm NOT in any way knocking the HOT TUBS website, but rather simply adding my "two cents" and highlighting what I see as a flaw that could influence the user's experience.
I have a similar problem and the solution suggested using the "Hot Tub" example is exactly what I'm looking to do. How do you add another navigation bar? I can add a text bar, but I don't see the option to link any of that text to other pages.

Also, how do I add a page that's not seen from the main navigation bar? Eg: on my main nav bar, I have a page entitled "governance" if I want a link on the "governance" page to our bylaws (which are a pdf doc).

Thanks for the help!

This conversation is no longer open for comments or replies.