gantry5 icon indicating copy to clipboard operation
gantry5 copied to clipboard

Level 3 menu not rendered correctly

Open trevorsm opened this issue 2 years ago • 6 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: menu-before-L3-flyout

After selecting the level 3 item: menu-after-L3-flyout

Menu settings: menu-settings

trevorsm avatar Feb 28 '24 20:02 trevorsm

I think this is an override of your css.

pablop76 avatar Mar 02 '24 13:03 pablop76

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: G5_menu_test

When I click on L2 Item 5 it looks like this: G5_menu_test_2

trevorsm avatar Mar 02 '24 18:03 trevorsm

I have added a couple of sub-menu items to Level 2 Item 2 in the left column and get similar results: G5_menu_test_3

After clicking on Level 2 Item 2: G5_menu_test_4

trevorsm avatar Mar 02 '24 18:03 trevorsm

I do not see a problem screen-1 screen-2

pablop76 avatar Mar 02 '24 20:03 pablop76

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: G5_menu_test_5

And if I change the Dropdown width to Auto with Extended style I get this: image

The result I was hoping to see was something like this: G5_menu_test_result

trevorsm avatar Mar 02 '24 21:03 trevorsm

It works for me :) screen-3

pablop76 avatar Mar 03 '24 08:03 pablop76