Drop down menu

  • 4
  • Question
  • Updated 3 years ago
  • Answered
How can I add drop down menus or sub pages to my link bar or menu bar for my site, for instance i am a training centre offering three main catagories of training, microsoft, pastel accounting and Business Soft Skills. So what I am trying to do i under microsoft, have the list of microsoft courses and when the client clicks on one of the courses then the page with course contents will display. Is there a way that this can happen?
Photo of Lara

Lara

  • 4 Posts
  • 0 Reply Likes
  • frustrated

Posted 9 years ago

  • 4
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Lara,

You can avoid having too many pages in your main navigation by dividing your site up in to categories and creating sub-pages. Here is a quick overview on how to do this:

1. Create the pages you need. When you create the page untick the "show in navigation" box so that these pages won't be automatically added into your main navigation menu.
2. Now that you have your content, you need to link it all up. You can create the links using the text editor widget.
* drag a text widget onto your page and click to edit it.
* Type the text which you want to be the link to the sub-page.
* Highlight the text, and from the text editor tool bar, click the link button (10th from the left next to the image button).
* Click on the "..." button next to "page". It should give you a list of all the pages you have just created.
* Choose the relevant page and click "OK" and you will have a link to this page.

If you didn't untick the "show in navigation" box and would like to take them out of the navigation, simply click on "Edit Navigation" and drag-and-drop the pages you don't want in the navigation into the panel on the right hand side. Do the opposite to include them in the navigation again.

For detailed instructions and a working example, please click on the following link: Creating Subpages.
Photo of Margie

Margie

  • 286 Posts
  • 25 Reply Likes
An dynamic drop down menu is my most desired new Yola free feature.

The problem with the option offer in the "Creating Subpages" instructions is that when a visitor click on one of the subcategories, there is no easy way to view the other subpages in that category.

The inability to upload a menu css/js file, is a major drawback to using the free Yola software.

Thanks for listening.
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
Lara

here's a free drop menu that you can use if you have a few pages. You'd have to place on each page. http://www.coffeecup.com/free-dhtml/

If you have Yola pro you can have the same type of menu where you load threw js. and just place a code on each page and change your menu as you choose threw javascrpit and the menu changes on each page automatically. This code you can get at http://www.dynamicdrive.com/dynamicin...

When using either of these codes you will have to when making a new page unchecked the box marked "Show in navigation" or remove them from the "edit Navigation" site builder

Both codes give you the same results and can be use horizontal or vertical.
Both code need to be study as little and be patient.

As working sample of the menu can be seen at http://www.shoppealot.com

good luck

papa
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks papa!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
@ Margie

Just to let you know, with free accounts, you do have the ability to upload css files.

There are a number of really great resources that will give you drop-down menus without the need for .js files.

Here are a couple of possibilities:

http://www.cssmenumaker.com/
http://www.cssplay.co.uk/menus/
http://www.free-css.com/free-css-menu...

I hope that helps!
Photo of lady_gaz

lady_gaz

  • 2 Posts
  • 0 Reply Likes
Papa - thanks for that about coffeecup. I am experiementing using it to build a menu for my site, but i am having trouble linking the menu items to my pages.

Is there any way of doing all of this before I publish my site? I'm confused as to where i get the url from to link the menu to my page (eg do i 'preview' my site, have it published etc)

I can't find any help at coffeecup - and you seem to know what you are doing!!
Photo of jeremy

jeremy, Employee

  • 1349 Posts
  • 90 Reply Likes
Hi there Lady_gaz,
You can usually tell what your page URL is going to be if you know what your domain/subdomain is. The URL will be along the lines of http://yoursite.yolasite.com/pagename... where "yoursite" is the name of your site (or what you want your subdomain to be) and "pagename" is the name of your page - just remember if your page name has spaces then it will be page-name.php and not pagename.php

I hope this helps.
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
lady_gaz

jeremy did a good explanation of the url.

http://yoursite.com
or
http://yoursite.yolasite.com Either way this will be your home page

in the site builder, to the left of Publish To The Web, in the drop down box you'll find all your pages. From there just add the page as it is written there and add .php to it to your URL

Without spaces page1

http://yoursite.com/page1.php
or
http://yoursite.yolasite.com/page1.php

Or with spaces as jeremy says above page 1

http://yoursite.com/page-1.php
or
http://yoursite.yolasite.com/page-1.php

papa
Photo of lady_gaz

lady_gaz

  • 2 Posts
  • 0 Reply Likes
thank you so much! that makes so much sense! ahhh I'm excited about finishing my page off now :)
Photo of KATIAANDBRIAN

KATIAANDBRIAN

  • 31 Posts
  • 1 Reply Like
have tried everywhere for drop down menus (not submenus), and the only place i found that could help is the yola test site, which currently is not working...my website is very heavy and i need drop down menus
have also seen all the other replies about using other html codes, but have no idea how to actually implement that into my navigation titles?

This reply was created from a merged topic originally titled
drop down menu yola test site.
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi KatieandBrian,

I am hopeful that this thread will assist you with adding a drop down menu to your site. Please let us know if you need any further guidance.
Photo of KATIAANDBRIAN

KATIAANDBRIAN

  • 31 Posts
  • 1 Reply Like
i have checked out the coffee download and have no idea where to put the html code, or how to apply it to my own navigation buttons...and there's no explaining it on the coffee website
Photo of KATIAANDBRIAN

KATIAANDBRIAN

  • 31 Posts
  • 1 Reply Like
i have no way of knowing where to actually apply the html code from the coffee website as there's no tutorial, and no way of knowing how to apply to my webpage
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello KATIAANDBRIAN,

You cannot add the code to the current navigation. This code would have to replace the current navigation. You would need to hide the default navigation and then add the HTML codes you received into an HTML Widget.

These are the steps to removing (hiding) the pages from your navigation:

1. Click on "Page" > "Page Manager" in the main menu.
2. The Page Manager will open and you will see the list of your pages.
3. To remove pages from your navigation, you need to click on the green check for the page that you would like to remove. This check is located next to the green "indent" arrow to the right of each page name (if you mouse over it, you will see the words "Click here to hide this in your menu").
4. Click on the green check, so it becomes a red "x". This removes it from your navigation.
5. Click "OK" and save your changes.
Photo of KATIAANDBRIAN

KATIAANDBRIAN

  • 31 Posts
  • 1 Reply Like
hi there and thank you,what i'm a little confused about is exactly where i add the new html code to-do i click on the syle tab and remove the existing css and add it in there?
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi KATIAANDBRIAN,

You can simply drag and drop an HTML widget to the top of your page and paste the menu code you have generated there.
Photo of Kavitha Letslearn

Kavitha Letslearn

  • 1 Post
  • 0 Reply Likes

A content gateway is a script you get from certain CPA networks that blocks a visitor from entering your web page unless they fill out a form. When a person fills out the information the page is then released and the viewer can proceed to that page. It could be something like a survey, email lead or zip code or what ever. Once they do you GET PAID a few bucks as an affiliate. Now you might think why in the world would I want to do that to my visitors? You might think that this would send your guests packing fast and it could if you do this all wrong. <a href=http://letslearngroup.com/cpa

"> cpa training </a>What you must understand is that a content gateway CPA is not something you want to just do on your home page. You use it when you are offering some more important content or a free download to a book or software or to keep a free membership site free. That way you can earn some cash while your visitors can get access for nothing. Just make sure you own the content or have the rights to show the material to others.

   
Photo of KATIAANDBRIAN

KATIAANDBRIAN

  • 31 Posts
  • 1 Reply Like
that's the problem, it doesn't let me drop it where the old navigation tabs used to be. if you look at my navigation titles, that area there, once i remove all the tabs and try to drag an html code in the same spot, it doesn't let me do it there