WebsiteBuilder: Drop Down Menus

  • 7
  • 5
  • Article
  • Updated 3 weeks ago
  • (Edited)
  1.  Click on the Pages button.



  2.  You will see the list of your pages.  You'll notice that all the pages are in a column. This means those pages are the top level menu items. If you want one to be a submenu, then click and hold the left mouse button on the page and drag it to the menu item that will be its "parent". You will need to drag the page a little to the right as well. Let go of the mouse button. It should now be slightly indented from the others.


  3.   If you preview, you can hover your mouse over the parent page and see the sub-pages in the drop down.



    To edit the drop down settings:

  4.  Click on the Navigation Menu > More > Advanced > Drop Down Settings.


  5. Set your options and click Apply at the top

Photo of Homestead FAQ

Homestead FAQ, Employee

  • 42,916 Points 20k badge 2x thumb

Posted 3 years ago

  • 7
  • 5
Photo of Jonathan T.

Jonathan T.

  • 6,534 Points 5k badge 2x thumb
GREAT HELP!!!
Photo of Jonathan T.

Jonathan T.

  • 6,534 Points 5k badge 2x thumb
How do you create a 2nd navigation bar that doesn't use the same links as the main one?
Photo of Todd H

Todd H, Social Media Specialist

  • 20,854 Points 20k badge 2x thumb
I want to look further into this, but immediately I do not see there is an option, so creating a secondary navigation bar will be a manual link/button process.
Photo of Jonathan T.

Jonathan T.

  • 6,534 Points 5k badge 2x thumb
Thanks. Definitly something that should be implemented.
Photo of Susan5448

Susan5448

  • 90 Points 75 badge 2x thumb
I cant seem to find a way to link a page to an outside source ie. a appointment booking app I use.  Is this not available?
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
At this time, you can't link a navigation menu to an external site, but you can link buttons or text to external sites.
Photo of susan2829

susan2829, Champion

  • 43,192 Points 20k badge 2x thumb
Some additional info will help:
Which sitebuilder do you use - SiteBuilder Plus, the Desktop version or the new Websitebuilder
Are you trying to link the whole page to the booking app or can it just be done with a button?
Photo of Jonathan T.

Jonathan T.

  • 6,534 Points 5k badge 2x thumb
How do I change the color that highlights the drop down? It is not in the drop down settings. I do not want it blue, but have looked everywhere
Photo of Todd H

Todd H, Social Media Specialist

  • 20,854 Points 20k badge 2x thumb
I am going to reach out to development about this specific link color. It may be something we will eventually gain access to as the builder becomes more polished.
Photo of Jeff6512

Jeff6512

  • 250 Points 250 badge 2x thumb
I see Jonathan's screen cap is red, but he mentions blue. And when I just added a drop down menu to my nav bar, the drop down is YELLOW! Obviously, the color CAN change. How do WE control the color? Is this something that has been addressed in the year since this question?
Thanks!
Photo of Todd H

Todd H, Social Media Specialist

  • 20,854 Points 20k badge 2x thumb
I can take a closer look, what is the website you are referring to so I can see?
Photo of Jeff6512

Jeff6512

  • 250 Points 250 badge 2x thumb
Hi Todd, thanks for replying--I just kept clicking around, drilling down, and I actually found the way to change the color of a drop-down menu button in the nav bar/pages menu. It just took some time to find it.
Photo of Todd H

Todd H, Social Media Specialist

  • 20,854 Points 20k badge 2x thumb
Glad to hear it!
Photo of Jeff6512

Jeff6512

  • 250 Points 250 badge 2x thumb
While I have you, I have one more issue that I can NOT find a solution to by drilling down:

is there a way to make this happen: hover the cursor over a photo and have a short text title show up?
Photo of Todd H

Todd H, Social Media Specialist

  • 20,854 Points 20k badge 2x thumb
I am very sorry. The most we have is to add an alt name to the image, but not a way to make a text title appear when hoovering over an image.
Photo of Jeff6512

Jeff6512

  • 250 Points 250 badge 2x thumb
OK thanks.
Photo of Maria5631

Maria5631

  • 1,624 Points 1k badge 2x thumb
How did you get "Strong Sisters Support" to fit in the drop down?   I get ... after 16 characters.
Photo of Jonathan T.

Jonathan T.

  • 6,534 Points 5k badge 2x thumb
You have to edit the width of the drop down box in the settings
Photo of Stefanie0379

Stefanie0379

  • 232 Points 100 badge 2x thumb
I don't see where to edit the drop down width - I don't see this in settings.  ... Help! My eyes must be painted on...
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Which site are you working on? If it is a Websitebuilder site, then you have to get to the advanced settings on the right side. There are quite a few ways to manipulate the menu found there. If you can be more specific, maybe I can give you a little more detail, or you can just explore all the settings and what they do.
Photo of Stefanie0379

Stefanie0379

  • 232 Points 100 badge 2x thumb
I am looking to format the width and style of the buttons under a drop down.  For example, I have a navigation drop down menu button that has two sub buttons under it.  When I rollover the button on the navigation menu, the two sub buttons appear.  It is the appearance (width, height and color scheme) of the two sub buttons that I want to change.  Yes. I am using Websitebuilder.  Thanks!
Photo of Stefanie0379

Stefanie0379

  • 232 Points 100 badge 2x thumb
I just found it!
Photo of Jamie1936

Jamie1936

  • 270 Points 250 badge 2x thumb
I did this, but when I go to preview, it doesn't drop down the page when I hover over the main menu button.
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Jamie1936, I am not sure which site you are working on, but I see one on the site with the domain. If you put your mouse over events, it drops down volunteer.
(Edited)
Photo of Jamie1936

Jamie1936

  • 270 Points 250 badge 2x thumb
This reply was created from a merged topic originally titled How do I create a drop down menu? After creating subpage, it doesn't drop down wh....
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
You have the sub pages set to not display in the menu. That is why they are not showing.

Photo of Jamie1936

Jamie1936

  • 270 Points 250 badge 2x thumb
Got it! Thanks!
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
You're welcome
Photo of Kay9128

Kay9128

  • 238 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled Drop down menu...how do I make one of my heading in the navigation bar into a dro....

I have a new website in the new version of sitebuilder. I need one of my page heading in the navigation section to be a drop down menu that links to pages.
Can you help?
Photo of Todd H

Todd H, Social Media Specialist

  • 20,854 Points 20k badge 2x thumb
Take a look above, see if this is any help with creating a drop down for your navigation menu.
Photo of Lizette9742

Lizette9742

  • 144 Points 100 badge 2x thumb
Why is it when I am in Website Manager, my navigation bar doesn't look like in the one in the sample. I want to create a drop down menu and tried the left click and drag method but it didn't work. I have a screen shot but there isn't anyway to share it.
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Lizette9742, You are using Sitebuilder Plus. Drop downs are not available for Sitebuilder Plus, unless you use a 3rd party HTML menu builder. These instructions are for new sites, using Websitebuilder.

If you Add a new website, it will be a Websitebuilder site.
Photo of Lizette9742

Lizette9742

  • 144 Points 100 badge 2x thumb
How hard is it to migrate my website to a new site. It seems that Homestead isn't too user friendly for me.
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
This question does not directly relate to the existing topic about menus. Creating a new topic

Please reference the new conversation here: Can I migrate a site to Websitebuilder?
Photo of stephen2788

stephen2788

  • 284 Points 250 badge 2x thumb
I'm using Sitebuilder plus and my page does not look anything like the page you show in this tutorial. I try to move my page by left clicking on it and it moves but does not drop into another page to cause it to be a parent page.
Photo of Chad9507

Chad9507

  • 1,738 Points 1k badge 2x thumb
I agree. When I log in and go to edit my site it doesn't look anything like that. Is there a better version that's available? Or how can we add dropdowns to our website using the only program that is available to us?
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
These are features in Homestead Websitebuilder, our newest editor. Unfortunately they are not available in Sitebuilder or Sitebuilder Plus. Websitebuilder is available on all new sites. If you create a new site, you can see the new editor. The new editor is so different in every way that we are not able to convert the existing sites, so it does require starting over. This can be a very good thing though, to give your site a fresh new look.
Photo of Sandra1253

Sandra1253

  • 152 Points 100 badge 2x thumb
I don't see in my SiteBuilder Plus any of these options. Nor do I see a screen that offers any of these same options.  If I were to abandon SiteBuilder Plus..do I lose all my pages that I have built? 
(Edited)
Photo of stephen2788

stephen2788

  • 284 Points 250 badge 2x thumb
I have the same problem....

I just read this when I scrolled up the screen: You are using Sitebuilder Plus. Drop downs are not available for Sitebuilder Plus, unless you use a 3rd party HTML menu builder. These instructions are for new sites, using Websitebuilder.

If you Add a new website, it will be a Websitebuilder site.

I guess the website company we are using does not let you use dropdowns.
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
These are features in Homestead Websitebuilder, our newest editor. Unfortunately they are not available in Sitebuilder or Sitebuilder Plus. Websitebuilder is available on all new sites. If you create a new site, you can see the new editor. The new editor is so different in every way that we are not able to convert the existing sites, so it does require starting over. This can be a very good thing though, to give your site a fresh new look.
Photo of Molly4685

Molly4685

  • 212 Points 100 badge 2x thumb
If I create a new site, from sitebuilder to websitebuilder, will i lose all of my information or will i be able to still keep my existing website running until the new site is built?  Also, will it be the same price and just transfer over to my newly built website?  thanks
Photo of Molly4685

Molly4685

  • 212 Points 100 badge 2x thumb
okay, tried to create a new site and it still does not give me the extra options, same old sitebuilder:(
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
You have 2 Websitebuilder sites made, but you haven't chosen a design yet. Click on your websites manager tab. In the drop down box, select either of the 2 sites that say xxxxxx.homesteadcloud.com. Once the screen refreshes, hit choose design. Select a template and it will launch the editor.
Photo of Mindy5195

Mindy5195

  • 232 Points 100 badge 2x thumb
Why in the world would it require you to make a whole new website? I have built my website over years. I REALLY want some of these new features, but to make my website over from scratch would take SUCH A GREAT amount of time! No better advise than to start all over??
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Unfortunately the differences are so great in the coding and application that it was not possible to port old sites new the new builder. I am sorry.
Photo of Lisa Schmit-Bonker

Lisa Schmit-Bonker

  • 202 Points 100 badge 2x thumb
I agree with Mindy. I have had homestead for at least 18 years now.   That is alot of websites and information done over the years. I do not want to redo everything.
Is there a way to start a new website, but still link the old pages of my 'old' webpage to the navigation menu??  

I also want to link other webpages in my navigation menu. In sitebuilder, it is easy... click on it, paste the link and it is there.  I cant find a way to put links into my navigation menu that are not in that specific website.  
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
I am sorry, but as I said above this is not possible. The difference is too great. We have place a request with the developers to add external sites to the navigation menu, but at this time you must use a button, text, or an image to link off your site. The feeling is that you don't really want links so prominent that remove the visitor from your website. Even if you open in another window, often people don't get back. Obviously there are real and legitimate uses for an external link and we hope to see this option in the future.
Photo of Susan

Susan

  • 2,734 Points 2k badge 2x thumb
I would like to return to the original subject of this thread... drop down menus, I think?  I have learned alot from reading above but I still can't figure out how to make the complete page name show in the sub-pages drop down menus.  Presently, only a short snippet shows I.E. 'Birthday Cake Galleries" shows as "Birthday Ca...." or something like that.  I think it was explained above, but I still don't understand!
Thanks!
Ps. I am using the new WesiteBuilder
Photo of Jonathan T.

Jonathan T.

  • 6,534 Points 5k badge 2x thumb
You have to increase the width of the drop down. 
Photo of Jonathan T.

Jonathan T.

  • 6,534 Points 5k badge 2x thumb
Click the tool bar. Click Advanced. Click Drop Down Setttings. Change the layout width to accommodate the text, or change the font size to make it smaller.
Photo of Susan

Susan

  • 2,734 Points 2k badge 2x thumb
I'm sorry... which "tool bar"?  Where?
Thanks
Photo of Susan

Susan

  • 2,734 Points 2k badge 2x thumb
I can't find "Drop Down Settings"
:-(
Photo of Jonathan T.

Jonathan T.

  • 6,534 Points 5k badge 2x thumb
Click the navigation bar. Then a pop up comes up and says Advanced. Click that, then you will see Drop Down Settings
Photo of Jonathan T.

Jonathan T.

  • 6,534 Points 5k badge 2x thumb
Here are the steps in order 
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 44,918 Points 20k badge 2x thumb
Very helpful, thank you Jonathan. Did that help Susan?
Photo of Susan

Susan

  • 2,734 Points 2k badge 2x thumb
Thanks Jonathan, I only just now saw this... I’ll check it out first thing tomorrow!
Photo of Susan

Susan

  • 2,734 Points 2k badge 2x thumb
YAY! I got it!
Thanks Jonathan! Thanks Elizabeth!
Photo of Elaine6841

Elaine6841

  • 458 Points 250 badge 2x thumb
I would like to have a drop down menu on the navigation bar that does not click through to a page. Can I do that? i.e. when one hovers over "WORK" in my navigation bar I would like a drop down menu that lists and links to my several gallery pages, but I don't want a page called WORK.

(Edited)
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 44,918 Points 20k badge 2x thumb
Hello,

As of right now, this is not a feature we have. It has been suggested to our developers, but I cannot guarantee that it will become available.
Photo of Elaine6841

Elaine6841

  • 458 Points 250 badge 2x thumb
ok,
Photo of Christine9434

Christine9434

  • 876 Points 500 badge 2x thumb
Has this feature been added in Website Builder? I have the same question.
(Edited)
Photo of Michelle C

Michelle C, Employee

  • 13,938 Points 10k badge 2x thumb
Hello Christine,

This feature has not been implemented.