Level 3 menu not rendered correctly
trevorsm opened this issue · comments
Joomla 5.0.3
PHP 8.1.27
Gantry 5.5.17
Hi
I have noticed that with a split menu, the third level does not display correctly. The same seems to be happening on the Helium and RT Horizon templates.
The images show what is happening - the 3rd level seems to be constrained and clipped by level 2:
Level 2 before selecting level 3 item:
After selecting the level 3 item:
Menu settings:
I think this is an override of your css.
I have seen the same problem on other J4 & J5 sites but to check I have set up a new site (Joomla 5.0.3 and PHP 8.1.27) with just Gantry 5 (5.5.17) and Helium (5.5.17). Nothing else installed, no additional CSS and I see the same issue:
The menu looks like this:
When I click on L2 Item 5 it looks like this:
I have added a couple of sub-menu items to Level 2 Item 2 in the left column and get similar results:
After clicking on Level 2 Item 2:
I do not see a problem
The settings I have are:
Dropdown Style: Extended
Dropdown direction: Expand right
Dropdown width: 300px
If I change the Dropdown style to Simple it looks like this:
And if I change the Dropdown width to Auto with Extended style I get this:
The result I was hoping to see was something like this:
It works for me :)
