No Code Attached Yet
avatar rambro
rambro
28 Jul 2022

Steps to reproduce the issue

Hi all, working on a the cassiopeia template in joomla 4.0. I have a number of menu items I would like to put in the top menu at certain times of the year, it seems to me that the cassiopeia top menu in the "menu position" will not wrap the menu items and cuts off some of the menu items at some point. Is there some way to make this top menu more flexible. I will try to show with an attachment.

Expected result

Actual result

System information (as much as possible)

Additional comments

I probably could reduce the font size of the menu items, in the top menu, but I would like the ability to have a more flexible top menu in cassiopeia.
At some point the menu item gets cut off in my case it the about us menu item
see how the menu items in the top menu wrap around nicely in joomla 3x prostar template

avatar rambro rambro - open - 28 Jul 2022
avatar joomla-cms-bot joomla-cms-bot - change - 28 Jul 2022
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 28 Jul 2022
avatar brianteeman
brianteeman - comment - 28 Jul 2022

You will need to add a little extra css which you can do by creating a file called user.css in your template with this code

.container-header .mod-menu {
   flex-wrap: wrap;
}
avatar rambro
rambro - comment - 28 Jul 2022

Brian,

Thanks, it worked!!! I also had the clear the cache in Mozilla Firefox.

avatar richard67
richard67 - comment - 29 Jul 2022

So this issue can be closed?

avatar chmst
chmst - comment - 29 Jul 2022

@rambro I close this now. This area is for bugs in Joomla core. The supporters in forum.joomla.org will help you with building your website.

avatar chmst chmst - change - 29 Jul 2022
Status New Closed
Closed_Date 0000-00-00 00:00:00 2022-07-29 12:26:12
Closed_By chmst
avatar chmst chmst - close - 29 Jul 2022

Add a Comment

Login with GitHub to post a comment