No Code Attached Yet bug
avatar pabloarias
pabloarias
16 Jan 2023

Steps to reproduce the issue

It happens in resolutions between 768 and 991 px.

Creating a menu module and assign it to "menu" position.

Expected result

Menu items displayed horizontally until menu converts in a "burger" icon.

Actual result

Menu items are displayed vertically. Not horizontally, nor in a "burger".

System information (as much as possible)

Joomla 4.2.6 and Cassiopeia template. Tested in Firefox and Chrome.

avatar pabloarias pabloarias - open - 16 Jan 2023
avatar pabloarias pabloarias - change - 16 Jan 2023
Labels Removed: ?
avatar joomla-cms-bot joomla-cms-bot - change - 16 Jan 2023
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 16 Jan 2023
avatar brianteeman
brianteeman - comment - 16 Jan 2023

What is the layout being used for the menu module

image

avatar chmst
chmst - comment - 16 Jan 2023

Duplicate #37926.

We had already several questions in the german forum for that. It seems that the breakpoint for metismenu was changed from -lg to -md here #36900

avatar brianteeman
brianteeman - comment - 16 Jan 2023

Thats not the problem as it also applies to the non metis collapsible menu which has always been -md

It should expand at md and above

The problem is that between -md and -lg it is being displayed as vertical.

So going from a small to large size it does the following

  • burger
  • vertical
  • horizontal

It should not go to vertical

avatar pabloarias
pabloarias - comment - 16 Jan 2023

@brianteeman, the layout being used for the menu module is "Collapsible Dropdown".

But the problem is with all layouts: "Default", "Dropdown" and "Collapsible Default Menu" too.

@chmst, yes, this issue seems to be duplicated with #37926.

I'm using this CSS code to solve it in my user.css file:

@media (min-width: 768px) {
    .container-header .mod-menu {
        display: flex;
        flex-direction: row;
    }
}

This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/39645.
avatar AKASH-PRASAD7
AKASH-PRASAD7 - comment - 18 Jan 2023

I want to work on this issue, please assign me.

avatar alikon
alikon - comment - 18 Jan 2023

there is no need to assign the issue, simply submit a pull request

avatar Hackwar Hackwar - change - 23 Feb 2023
Labels Added: bug
avatar Hackwar Hackwar - labeled - 23 Feb 2023
avatar Mohammadkhan18
Mohammadkhan18 - comment - 3 Apr 2023

@brianteeman, the layout being used for the menu module is "Collapsible Dropdown".

But the problem is with all layouts: "Default", "Dropdown" and "Collapsible Default Menu" too.

@chmst, yes, this issue seems to be duplicated with #37926.

I'm using this CSS code to solve it in my user.css file:

@media (min-width: 768px) {
    .container-header .mod-menu {
        display: flex;
        flex-direction: row;
    }
}

This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/39645.

so is this the class where we have to work?

avatar pabloarias
pabloarias - comment - 11 Dec 2023

Ok, this bug is solved in #40574.

Thank you!


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/39645.

avatar Quy Quy - close - 11 Dec 2023
avatar Quy
Quy - comment - 11 Dec 2023

Thanks for the update.

avatar Quy Quy - change - 11 Dec 2023
Status New Closed
Closed_Date 0000-00-00 00:00:00 2023-12-11 04:39:46
Closed_By Quy

Add a Comment

Login with GitHub to post a comment