Websites‎ > ‎Google Sites How-tos‎ > ‎

Google Sites - Horizontal Navigation with drop-down Menus

posted 28 Oct 2010, 08:51 by Stephen Hind   [ updated 10 Apr 2014, 05:48 by Stephen Hind ]

Google Sites - Horizontal Navigation with drop-downs

Google Sites now offers two methods of navigation for your site, in the sidebar and now in the header, horizontally, with mouseover drop-down menus.

Note: The Google Sites horizontal navigation only offers one level of drop-down menu: you cannot have a submenu that appears as a submenu of the drop-down menu.



Instructions - Horizontal Navigation

  1. You need to enable this new navigation, to do so use the More button (it looks like a gear/cog), then Edit site layout (or keyboard shortcut Shift+L)

    Google Sites - Gear/More Button
  2. If you need to enable Horizontal Navigation use the Horizontal Navigation button: once used the site header will grow and you can click on the Horizontal Navigation area and the Configure navigation dialogue box will appear.

  3. To add a page from your site use the Add Page link to show the sitemap to pick your page from, or search for the page you want to have in the Horizontal navigation. 

  4. If you want to add a link to another website then use the Add URL link to provide the web address and the link text you want to display.

  5. If you want to make one of the links appear in the mouse-over drop-down menus then you need to make this an indented link by using the Indent arrow, the grey arrow that points to the right (you can use the Outdent arrow if you make a mistake, the grey arrow that points to the left).

  6. Choose to show the Sitemap and Recent Site Activity if you wish.

  7. Choose to show your Horizontal Navigation as either Boxes, Tabs or Links.

  8. Use the OK button to keep the changes and then use the blue  Close button to make the Horizontal Navigation to return to the site.

Examples - Horizontal Navigation

Horizontal Navigation - Boxes


Horizontal Navigation - Tabs


Horizontal Navigation - Links

Feedback

Please let us know if this article helped.

Screen Shots

click for larger images

Enable Horizontal Navigation

Google Sites - Enable Horizontal Navigation

Horizontal Navigation Properties

Google Sites - Configure Horizontal Navigation