Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Level 3 menu not rendered correctly #3234

Open
trevorsm opened this issue Feb 28, 2024 · 6 comments
Open

Level 3 menu not rendered correctly #3234

trevorsm opened this issue Feb 28, 2024 · 6 comments

Comments

@trevorsm
Copy link

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

@pablop76
Copy link

pablop76 commented Mar 2, 2024

I think this is an override of your css.

@trevorsm
Copy link
Author

trevorsm commented Mar 2, 2024

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
Copy link
Author

trevorsm commented Mar 2, 2024

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

@pablop76
Copy link

pablop76 commented Mar 2, 2024

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

@trevorsm
Copy link
Author

trevorsm commented Mar 2, 2024

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

@pablop76
Copy link

pablop76 commented Mar 3, 2024

It works for me :)
screen-3

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants