Submenus: limited to one level down only? The navigation (selected) colour cuts out on pages not part of the visible navigation menu...

  • 1
  • Question
  • Updated 5 years ago
  • Answered
As it appears that the submenu option is limited to only 1 sub-level per page, I began structuring my site with this limitation in mind.

eg. Within my site (a miniature figurines store in the making), I have the page: 'Shop'.
So far it has 2 submenu pages hanging off it: 'Countess Olga' and 'La Belle Gloire'.
For 'Countess Olga' there will be 4 subpages available: 'General Staff', 'Infantry', Cavalry' and 'Artillery'. None of these 4 are visible as next-level-down-submenus (because the feature doesn't appear to exist).

Now, if you are in the 'Shop' page, the word 'Shop' in the navigation bar is coloured gold. Similarly, if you are in either of its 2 subpages (Countess Olga & La Belle Gloire) the word 'Shop' in the navigation bar stays gold.

But if you go to one of the pages another level down, eg 'Infantry' (so shop/shop-olga/shop-olga-infantry), the gold colour for 'Shop' does not remain. I tested this by creating the very beginning of the Infantry page for Countess Olga.

How do I fix this? Is there some code that needs to be added via an html widget? I already have these on each page for my banner, etc.

Cheers
Paul
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
  • confident

Posted 5 years ago

  • 1
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Paul

You've got a good point, I've never thought about this detail. Yola currently only offers a page hierarchy of two levels, i.e. main menu and submenu, or parent page and child page. If you create a subpage to the submenu page, a sub-subpage so to speak, this page is like a third level and thus not part of the hierarchy. This is why the "Shop" main menu link doesn't stay highlighted when you go to the sub-subpage.

I am familiar with CSS and HTML, but I can't think of a code to keep the parent menu link highlighted when going to an x level page of the same hierarchy. It is possible that you would need Javascript code to make this happen. I'm afraid that I don't know enough about Javascript to assist you further with your particular request, and my team colleagues can't help with this one either.

I'm hoping that one of our more knowledgable users on the Forum will see this post and be able to assist you. I'm sorry I can't be of much help on this one.
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Trust me to pick a tricky one. :)

Sounds like for the moment I'm better off doing away with the navigation (selected) colour in the menu, and just stick with the navigation (hover) colour. This will eliminate the inconsistency I've identified with deeper level pages.

Out of interest, is there any facility within Yola to do what the Eureka Miniatures website does with its navigation? (www.eurekamin.com.au). You'll notice that each page you click on appears in a user-navigation field toward the top of the screen, allowing the user to both see at once everywhere he's been, in order, and with the ability to instantly hyperlink to any of those pages.

Cheers
Paul
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi Paul

Yes, if you wouldn't like that inconsistency, then it may be best to just do without the highlighting of the selected page.

I'm taking it you mean the navigation line which displays at the top and is separated by double arrows? This is called a bread crumb menu, and you can manually create it on the pages of your Yola website. You will just need to add a Text Widget, add the menu text and link the items to the respective pages. It has to be done for each page, but you could use the HTML of the Text Widget to do a quick copy/paste.
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Ah but the Eureka one is different. It *remembers* and *records* where the user has been, whereas I think what you're describing is a permanent mini-menu that can appear on each page of a site, and is not user-generated. See what I mean? :)

Cheers
Paul
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Sorry, Paul, yes, I got it. Then Yola doesn't offer such a facility right now.
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
OK. Actually it looks like the Eureka one isn't as "intelligent" as I first thought. It appears to be very much as you described, with predetermined breadcrumb menus per page that cleverly mimic the user's pathway. A bit of extra work per page, but nice to know it can be done. Thanks again Stefan! :)
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Pleasure! Sorry I wasn't able to help more.