taking business online

Call us at: 1.866.764.0701

Site Building Advice 6

5-minute website fixes: Clean up your website navigation with flyover menus

When you think of what makes a successful website, what comes to mind? Strong visuals, functional Online Store and great content, right? When you land on a stunning website, you don’t generally think, “Wow, that website navigation bar is impeccable!” do you?

That being said, if you land on a business website with a navigation taking a good portion of their homepage, “What a mess!” may come to mind.

You see, website navigation is a funny thing. It isn’t given it’s due credit when it’s good, but it definitely get’s the raw end of the deal when it’s bad. When it comes to building a professional website, although it may be seemingly low on the totem pole, great navigation is key.

Today, we’re going to give you the key details in cleaning up your website navigation in just a few easy step. The star of today’s show will be flyover menus.

Cleaning up your site navigation

To kick us off, let’s talk a little bit about what your website navigation should include. A professional website’s navigation bar will be limited to only the pages most important to every site visitor. This includes (but is not limited to) your:

  • Homepage
  • Contact page
  • Locations
  • Features/Services page
  • About us page
  • Frequently ask questions page
  • Online Store
  • Gallery

Think of these pages as categories, and the rest of your pages as subcategories. For example, if you have a physical business with multiple locations, it may be necessary to give each of the stores their own pages, but it’s not necessary to put them all in your top level navigation. This is where flyover menus come in.

While in Yola Sitebuilder, hop into the “Page” tab and click “Navigation.”

Editing site navigation with Yola

Once in your Page Manager, drag and drop your subcategories below your main category.

Changing the positioning of your Site Navigation

Once your subcategories are below your main categories, click the green arrow, to turn them into flyover menus.

Creating flyover menus with Yola

Voila! You’ve created a flyover menu, and you’ve cleaned up your website navigation.

Cleaned up navigation menu

Yola Flyover menus

Have any fixes you’d like featured? Let us know in the comments below!

Site Building Advice 0

5-minute website fixes: Building a business website with strong visuals

In this week’s 5-minute fix, learn how to make your background image work for you, rather than against you with the use of opaque Content Backgrounds. Read more

Site Building Advice 0

Why every business website should have a domain

After building a business website, publishing it to a custom domain is you next best step – in this article, we detail all of the reasons why. Read more

Site Building Advice 0

Video Tutorial: Adding Custom Panel Widgets to your business website with the new Template Gallery

Adding content to websites made with the new Template Gallery is simple when using the Custom Panel Widget. In this video tutorial, we will show your how. Read more

Load more