How to Organize Weebly Menu Bar Navigation
July 15, 2011 Tags: drop down menu, fly out menu, menu, navigation, sub menu, weebly
Category: Menus & Navigation, Tutorials 23 Comments 
Organizing Menus, sub-menus and drop-down menus correctly makes the weebly sites intuitive and user friendly. It greatly improves a visitor experience with quickly getting to the information. All the navigation and menus in weebly are simply dragging the pages to the right place. We will take the example of TeluguMovieEtc.com which is implemented in weebly to show you how the drop down menus work. If you take a look at TeluguMoviesEtc.com, we use sub-menus for two of the menu items “Review” and “Coming Soon”.
Moving mouse onto Reviews shows a fly out drop down menu
Moving mouse on to Coming Soon shows the other drop down menu
To get this all you need to do is arrange the respective pages in that order in “Pages” section of the weebly site editor. Click on “pages” tab and that shows the page structure in the order it is displayed in the Navigation bar.
The order you see here is the order that appears in navigation menu of your site
Except for “hidden pages”, every page that is here will show up on the Menu in the same order. To make pages as part of sub menu, just click and drag it a little bit to the right so that it is shown as indented. You need to click and move it while holding down the mouse button. In the above picture, you can see that “180″ and “Badrinath” are indented and a little blue line comes from its main menu item “Reviews”. Just indent wherever you want them to be shown sub-menu of the above item. You can also add more level of indentation which will show up as sub-menus of the sub-menus. The little blue line tells which items are part of which item. If you are familiar with wordpress, it is the same approach followed here too.
For some reason, my drop down menus for subpages will not show in I-Explorer. They show fine in Chrome and Safari. Even if I open Weebly editor in IE and publish it, it still does not work. Even while editing my site in IE they show fine, but as soon as I check out the live site it won't work. Other weekly nav menu subpages show fine, but not mine. Any ideas as to what would cause this? familymemorials.weebly.com
If drop down menus are not showing correctly, that is mostly because of how the sub-menu style is defined in the theme. If it is a standard weebly theme, please let weebly know and they will address it. If it is a third party theme, then you need to check with the theme provider. There have been a few browser compatibility issues.
please visit my website comment and suggetions to me
This helped me out alot thank you! super easy!
i think i got same problem, my website is http://www.dtlpl.com and in my home page, my drop down menus are not showing subpages. but by other link when i am going other pages its working properly. please give me some advice.
Thanks and Reagrds
Kabir Hossan
Please check with Weebly Support: support@weebly.com
It’s not normal.
Yes, I am having a similar problem with the sub-menu navigation on the site I made (www.tonyaddy.com). When I look at it in Firefox, the sub-menu is there. When my client views it from his computer (IE, but sometimes in Firefox too), it doesn’t show up. I have tested on his system and it’s like there is no sub-menu at all. Maybe this is just a fluke? I don’t understand it yet.
Is there any way I can create a permanent sub-navigation menu to just avoid the risk of someone missing these essential pages?
Thanks in advance. – PL
You should contact Weebly Support: support@weebly.com
Usually its an issue with the theme. If its a Weebly theme, Weebly will look into it. If you purchased the theme from some where else, then you need to contact the seller.
If possible, how do you make the menu link a dead link, or non-link, and only have the sub-menus be active links and pages. For example I would like the main menu drop down more of a category with linked sub-categories, rather than having it’s own page. Thanks!
May be I should add a topic for it. I have seen many people asking for it. In a nut shell, for that page, select “Link Page to External Site”. In the box, just leave it as http://
Yes I have done that, and it does disable the main link-
but when I test it by ‘accidentally’ clicking on that main link, it gives me a beep and an error message about the URL. That seems a bit unprofessional? Is there another way? Thanks-
Once you publish the site, use the Link Page to External Site feature and type in the URL for the submenu page that you want to use as the default page for the main menu title.
Is here a way for the top navigation bar to continue so that it shows all the page links (even if it goes to 2 lines rather than getting the “more”?
Please check the following:
http://weeblyforums.com/topic/page-not-showing-up/#post-2524
Is it possible to have eg “contact me” linked to my email rather than a page? Thanks for the help.
This article is very helpful. I couldn’t work out why themes had horizontal nav but mine was dropdown.
Hi in your example TeluguMovieEtc.com, what if somebody clicked on the “Reviews” label on the navigation bar? “Reviews” is just a category header that contains 3 different reviews. I’d like to find a way to disable the “reviews” label linking to http://www.telugumoviesetc.com/reviews.html, as the page has no content. Is this possible?
There is no easy way to disable a menu item currently. You can use a script etc but that is an overkill.
In my menu bar, I have a “Page” that Links to an external site. It defaults to opening in same tab. *** which means my visitors leave my site *** How can I have that “Page” in my Menu bar open to a new “_blank” tab (which would then leave my site still open in the original tab ??
i have the same problem as Fordel. Has any body come up with a way of having a “link page to external site” open in a blank page?
thanks in advance
marie
Weebly does not provide an option for the menu item to open in a new window. You can not add the target attribute to the external link. Had there been a “raw html” option, it would have been possible.
Hello Raju. Could you please help me with the Navigation Buttons position? They automatically start from the left. I will only have four buttons and need them kind of centered across the navigation bar. How can I do that?
Is there any way I can alter the CSS so that the header item of a drop down menu is unlinkable. It is confusing to have the first item as a link when people go straight to the first drop down item.
That is not possible. Instead of showing a blank page, the best alternative is to list all the sub-pages in it with a brief description of what each of the sub-pages is about and linking to them. So, it at least serves like a summary page for the category.