Yola Support Series: Navigating Around

  • 2
  • Idea
  • Updated 2 years ago
  • Under Consideration
  • (Edited)
Over the past few months with reviewing people's websites, it became evident that one of the issues that often crops up is the set-up of the navigation.

Part of having a great website design is to ensure that your site not only looks attractive but also is accessible and functional. This will lend to the overall effectiveness and quality of your website.

The navigation pathway is one of the crucial elements that we must remember to include when designing a website. Without a good navigation system, your visitors will feel lost and frustrated, causing them to leave your site more quickly.

A website built with quality navigation will help your visitors find information with ease. This helps to give your site a degree of professionalism. Please consider the following navigation tips:

1. Ensure that your navigation is visible, accessible and consistent.
The best placement for your navigation is either along the top or along the left-hand side. Keep your navigation consistent - don't vary its location or how it's set up as you go from page to page.

2. Less is more!
This advice is two-fold. When designing your website, if you have a lot of pages, it can be overwhelming and quite difficult to read the information available. It is best to try to stick to one row of navigation links. If you find that you are exceeding this, you could end up having the navigation links run into the body of your text. We suggest using one the following options: Submenus, Flyover Menus , or Subpages. When setting up more than one level of navigation, it should not take the visitor more than 3 clicks to get to the information needed. Be sure to keep this in mind!

3. Link names matter.
The names of your navigation links should be short, descriptive and clear. Your visitors should be able to find the information they need just by glancing at your navigation.

4. Always provide a way back home.
No matter which pages your visitors go to, always ensure that there is a way for them to return to your home page! You don't want to leave your visitors stranded and stuck!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
  • happy

Posted 5 years ago

  • 2
Photo of Gop


  • 7473 Posts
  • 2115 Reply Likes
Hello Sanja,

Does the heading still take you back to the home page created with the latest version?

The value of breadcrumbs?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Gop,

The page heading does still take you back to the home page with the latest version.

Having a breadcrumb navigation can have some value if done correctly. For those who do not know what this is, a breadcrumb navigation looks like this:

Home > Articles > Parenting Articles > Toddlers > Finger Foods for Toddler

It is often placed at the top and/or bottom of your site, letting your visitors know how they have arrived at your page should they want to navigate back. This article: Website Breadcrumbing: To breadcrumb or not to breadcrumb? may provide some good insight.

If people wish to use this type of navigation, it can be constructed by using Text Links.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Peter

I'm not sure if I understand your question correctly. Online Store does work with a breadcrumb navigation. If this is not the answer to your question, please detail your request a little more, so I'll get a better idea of what you're trying to achieve. Thank you.
Photo of Peter Sauer

Peter Sauer

  • 150 Posts
  • 65 Reply Likes
Currently my breadcrumb line only shows "
Category: Warm Buddy Products" it does not show any other pages or products I visit
Photo of Ryan


  • 14 Posts
  • 2 Reply Likes
Hello Peter, 

The Online Store breadcrumb will only show the categories you have implemented. Unless you have used custom CSS code within your Online Store to hide the product path. 

However, this article refers to manually created breadcrumbs for your website. 
If you have any further questions, please do not hesitate to post them so we can assist you further!
Photo of Peter Sauer

Peter Sauer

  • 150 Posts
  • 65 Reply Likes
Hi Ryan
which article?
Photo of Peter Sauer

Peter Sauer

  • 150 Posts
  • 65 Reply Likes
The only code change I made to the breadcrumb line was to remove "Store"
div.ecwid-productBrowser-categoryPath-storeLink, span.ecwid-productBrowser-categoryPath-separator-first {
  display:none !important;