Breadcrumbs lose their structure upon upublishing menu items

[jdran]

Hi, I m trying to understand why some breadcrumbs lose their structure if a category list is being unpublished and if there is a way to bypass this.

The website I am administering has an article showing few links that are linking to category lists of website.
The same structure is met in Main Menu:
1st level: article (a general article)
2nd level: article (the article I am talking about)
3nd level: category lists

The problem arises when I try unpublish the 3nd level menu items (category lists) so users will directly go to the place of their interest through the 2nd level article (the reason is because there are too many 3nd level links that it doesn't serve well anymore).
With category lists being unpublished, the user can see the contents, but the breadcrumb is just a "Home Page". The correct path is lost now.
How can I fix it?

ps. I can give website url, but I 'd prefer this to be sent through a pm.

[imanickam]

Most likely, the issue could be with the template, especially with css.

I can give website url, but I 'd prefer this to be sent through a pm.

I do understand the predicament. However, In these circumstances, posting your URL would help so that others can see what is happening and offer suggestions.

[jdran]

you are right, in the following url, you substitute the # with the dot.
www#patt#gov#gr/site/index.php?option=com_content&view=article&id=21996&Itemid=824

The breadcrumb here is in good form. The links in that article drive to category lists which are also published on the menu (main menu depicts how it is structured). If these category lists are unpublished from menus, they drive to a page where breadcrumb just show "Home". I don't believe it is connected with css, and although it is possible that template is responsible, I think, if I remember well, I have met this problem in other websites as well.

[imanickam]

I don't believe it is connected with css, and although it is possible that template is responsible

Yes, it may not have to do with css. I understood the problem totally differently. I jumped the gun too soon, I guess. Apologize for that.

If these category lists are unpublished from menus, they drive to a page where breadcrumb just show "Home".

The simplest way to handle the situation without much hassle is to make the third level menu items invisible. This could be done by opening the corresponding menu item and in the tab "Link Type", for the option "Display in Menu" choose the value No and save the settings.

Hopefully this should help.

Note:
I believe that the template has its own breadcrumbs module or an override to the breadcrumbs module.

[jdran]

No need to apologize, I really know how much you have contributed to Joomla Forums and such things are totally understandable.

It seems the field 'display in menu' is missing. I think the template is responsible for this, it uses a framework that removed it I guess..

I ll check about a breadcrumbs' module or override as well..
Thank you

[jdran]

An idea is that perhaps a small code of Javascript can remove the children of this submenu item. But how can I target it? Any idea?

[imanickam]

It seems the field 'display in menu' is missing. I think the template is responsible for this, it uses a framework that removed it I guess..

Interesting...

(i) One suggestion would be to check whether there is any provision to specify the Start Level and End Level of the menu item just like one could specify in the core Menu module.

(ii) Another suggestion would be to play with the css entries.

For example:

A new CSS entry such as the following would help in not displaying level 3 menu items:

Code: Select all

.level3.subnavi {
    display: none;
}

Modification to css entries such as the following would help in not displaying the > sign after the level 2 menu items that have level 3 menu items:

From:

Code: Select all

[code]#yt_menuposition ul.navi ul.level2 ul li.havechild:after {
  content: "\f105";
  color: #999;
  font-family: "FontAwesome";
  position: absolute;
  top: 6px;
  right: 5px;
  z-index: 5;
}

[/code]

To:

Code: Select all

#yt_menuposition ul.navi ul.level2 ul li.havechild:after {
  display: none;
}

Note:
- Test the css entries modifications in a test environment before applying them to the live site

- I have noticed that there are level 4 menu items as well in some cases

[jdran]

Wow, cool. I was so close but this really helped me narrow down the issue.
Actually, as I want to keep all other 3rd level menu items, I approached the problem a bit, bit differently.
I added a class (adding a #ID is not possible sadly) to the 2nd level menu item and then with the following code I targeted only this menu's subitems:

Code: Select all

.test > ul {
    display: none;
}

I think I ll find something similar for the > symbol, but it still troubles me.

Thank you for your efforts, really!

[jdran]

Seems I was able to hide the > symbol but not hide the ul as it finally seems. Touching the inspector hides the ul (submenus) with success, but passing the css, does not have the desirable effect..

Code: Select all

.level2.havechild.remove-children-agro > ul {display:none;!important}
li.level2.havechild.remove-children-agro::after {display: none;}

[jdran]

ok, now that I had a fresh mind the solution was pretty simple:
.leven2.havechild.remove-children-agro .level3.subnavi {display:none;}

[imanickam]

Great! Good to know that you could take care of your requirement using css.