Create a Menu-Item containing a Sub-Menu Item
Open the Frontend where Menu is displayed and select the designated Menu-Item
The Sub-Menu Item should be displayed
The Sub-Menu Item is not displayed
Issue occurs with Joomla 4 BETA 6, was okay in BETA 5 before rework of Template Cassiopeia in BETA 6.
Labels |
Added:
?
|
@Harry5001 How did you create the menu item in which menu?
Can you post a screenshot of the menu module's parameter, so we can see the settings for
And in the "Advanced" parameters of the menu module, is there a menu class set? E.g. if there is menu class "menu-horizontal" set, but in the module parameters "Sub-menu Items" is set to "No", then it is default behaviour, because "Sub-menu Items"="No" doesn't make sense for a dropdown menu.
@richard67 Thank you for your answer. Here are some screenshots of the settings of the menu module's parameter as well as the menu itself. I cannot find an issue with these. The site worked fine with BETA 5 and after upgrading to BETA 6 the submenu item was not shown anymore. By the way it did not matter if the setting "Sub-menu items" was set to show or not, the submenu item was always shown when the main item has been selected. If "Sub-menu items" was set to "show" then the submenu items were always shown, no matter which main menu item has been selected. Now in no case the item is shown.
@Harry5001 Hmm, screenshots indeed look ok to me. Question: Does that issue also happen when the menu module is at some other position outside the hedaer area, i.e. not on position "menu" or "search" but e.g. on one of the the sidebar positions (in this case the menu will be vertical) or e.g. on main-top or top-a (also vertical)?
Update: I've just tested myself and it is indeed only a problem in the header area.
Could be even by purpose, because in the header area it will not really look good with sub-menu items expanded and not using a dropdown menu.
Tried with Joomla 4.0.0-beta-7-dev
Submenue wasn't visible - until I changed the layout to: Dropdown (see your 3rd screenshot).
In addition I remembered this PR: https://issues.joomla.org/tracker/joomla-cms/31520 (metismenu).
(Menu class: menu-horizontal used e.g. for footer menu).
Did you copy the template while working with an older version?
Title |
|
It's a CSS issue ... the submenu items are there in HTML markup, they only have a "display: none" style from the template.css, very likely coming from the _header.scss.
@Harry5001 Hmm, screenshots indeed look ok to me. Question: Does that issue also happen when the menu module is at some other position outside the hedaer area, i.e. not on position "menu" or "search" but e.g. on one of the the sidebar positions (in this case the menu will be vertical) or e.g. on main-top or top-a (also vertical)?
Update: I've just tested myself and it is indeed only a problem in the header area.
@richard67 As far as I can say, the menu IS in the position "menu", but despite of that no sub-menu item is visible in standard settings (see following screenshot). The previous screenshot skips the top most area of the site in order to prevent to show the title of the site.
@Harry5001 i test your issue and got the impression, that #32092 (comment) by @ChristineWk is right, which i test with and without the field Layout: Dropdown
.
Or do i understand your issue wrong?
@sandramay0905 As I said, I could not get the sub-menu item displayed no matter which setting I chose. I have the menu in Position "menu" (see previous post). As far as I understood the whole thing, @richard67 found a CSS-issue that caused this strange behavior?
The css issue that @richard67 refers to is when the module is in the header position so that doesn't apply to you.
The problem is very simple - from your screenshots I can see that you have the layout set to default and not dropdown - which is what everyone else has also told you. Please change that and report back.
In the right sidebar the submenus are visible. It is intended to have no submenu items in the horizontal top menu, except with layout "dropdown"
@brienteeman I tried that setting but as this comes as a special "feature" from cassiopeia template (metismenu) and also had its very own look, I had discarded this alternative. As you can see in following screenshots the dropdown has some kind of different layout style and additionally the drop down arrows "cut off" the fonts design at the end of every item, even if there is not dropdown arrow displayed. Further study and correction of CSS would be necessary to use this method on my side in the hope to be able to solve these issues. I would prefer to have the former available technique of the dropdown available where the fonts style was taken over to the dropdown. Unfortunately I do not have a appropriate screenshot of that former version.
So it's not a bug in Cassiopeia but in your own template?
@brianteeman I use cassiopeia template.
Another thing that I think to remember is, that it was possible to setup the dropdown arrows in the initial variant were only visible when the corresponding parent menu item was selected but not before. In the "metismenu" variant the dropdown is always visible or never (in latter case a sub-menu item can never be selected).
Another thing that I think to remember is, that it was possible to setup the dropdown arrows in the initial variant were only visible when the corresponding parent menu item was selected but not before. In the "metismenu" variant the dropdown is always visible or never (in latter case a sub-menu item can never be selected).
@Harry5001 That's desired behaviour and good UX. Check available dropdown menus on whatever website you can find, and they will in 99.99% of all cases always show that a dropdown is a dropdown, and not only when you have navigated to the particular parent menu item.
@richard67 Okay, if that is the desired behavior, and my site is one of the one in a thousand in which a different behavior would be more appealing, so be it. What remains was the problem described in my #32092 (comment)
Status | New | ⇒ | Closed |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2021-04-13 10:45:44 |
Closed_By | ⇒ | chmst |
@Harry5001 this is caused by your individual design of the font. If you use a font with shadows, you must have a user.css and add some padding aoround your .metismenu a.
But this is better to ask in forum.joomla.de (if you are german).
I close this for now, it is not a bug in joomla.
@Harry5001 this is caused by your individual design of the font. If you use a font with shadows, you must have a user.css and add some padding aoround your .metismenu a.
But this is better to ask in forum.joomla.de (if you are german).
I close this for now, it is not a bug in joomla.
Thank you very much for your help. You always learn something new. Also when it's the right time to set up and test a new website with a new version and when it's just too early for something like that. I will do things differently in the future.
I cannot replicate this issue. Submenus are diesplayed as usual. Please check your settings for published, view level and module params.
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32092.