Menus are truncated

Everything to do with Joomla! 4.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
thecure
Joomla! Apprentice
Joomla! Apprentice
Posts: 29
Joined: Fri Oct 10, 2008 10:56 pm

Menus are truncated

Post by thecure » Fri Aug 12, 2022 10:35 pm

Just test going from J3 tp J4 in my localhost, it works, only thing is the menus are truncated (see attached images) , Im using Cassiopeia, any help on how to fix it.
You do not have the required permissions to view the files attached to this post.

User avatar
mjparadac
Joomla! Hero
Joomla! Hero
Posts: 2471
Joined: Mon Oct 29, 2012 3:58 pm

Re: Menus are truncated

Post by mjparadac » Wed Aug 17, 2022 3:33 pm

Hello thecure

Have you migrated from J3 to J4?
Have you verified the order of your menu in the manager?

What do you mean when you say it's truncated?
Joomla Community Ambassador for A2 Hosting | A2 Hosting - Our speed, your success | https://www.a2hosting.com/joomla-hosting

thecure
Joomla! Apprentice
Joomla! Apprentice
Posts: 29
Joined: Fri Oct 10, 2008 10:56 pm

Re: Menus are truncated

Post by thecure » Wed Aug 17, 2022 4:01 pm

In the screenshots attached you may see the problem.

Migrate from Joomla 3 to Joomla 4 on my localhost, used to have a horizontal menu with two rows, now only displays one row, any hints?, best

User avatar
AMurray
Joomla! Exemplar
Joomla! Exemplar
Posts: 7955
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: Menus are truncated

Post by AMurray » Wed Aug 17, 2022 10:15 pm

I don't really see what the problem is (the screenshots don't demonstrate the problem clearly enough).

Since the site is not actually live, can you do a screen-capture video to further demonstrate the problem? (such as screencastify - chrome plugin)

Perhaps the difference is between the former template and Cassiopeia which simply may not accommodate the previous menu setup.

What template did you use in J3?
Regards - A Murray

thecure
Joomla! Apprentice
Joomla! Apprentice
Posts: 29
Joined: Fri Oct 10, 2008 10:56 pm

Re: Menus are truncated

Post by thecure » Thu Aug 18, 2022 9:16 pm

in J3 we use the Keenley template (wright framework) from Joomlashack, in j4 I set the cassiopeia

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 29264
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: Menus are truncated

Post by Per Yngve Berg » Sat Aug 20, 2022 8:57 am

I clearly see the 3 or 4 last Items is thrown off the screen.

Is Cassiopeia in Fluid or Static Width Mode?

What Layout is set on the Menu Module? I use "Default Collapsible".

I cannot reproduce the issue, but I don't have that many items. The Items are moved to the next line when I shrink the browser window.

User avatar
ceford
Joomla! Ace
Joomla! Ace
Posts: 1117
Joined: Mon Feb 24, 2014 10:38 pm
Location: Edinburgh, Scotland
Contact:

Re: Menus are truncated

Post by ceford » Sat Aug 20, 2022 5:38 pm

I have a local test site with 13 menu items. I just moved it from the right to the menu position and find that it wraps. This is just a piece of it:
wrapped-menu.png
I suggest you open your browser Developer Tools and see if you can find the div that contains the menu. It seems to be the grid-child class that needs fixing.
menu-inspect.png
You do not have the required permissions to view the files attached to this post.

thecure
Joomla! Apprentice
Joomla! Apprentice
Posts: 29
Joined: Fri Oct 10, 2008 10:56 pm

Re: Menus are truncated

Post by thecure » Wed Aug 24, 2022 1:35 pm

Per Yngve Berg wrote:
Sat Aug 20, 2022 8:57 am
I clearly see the 3 or 4 last Items is thrown off the screen.

Is Cassiopeia in Fluid or Static Width Mode?

What Layout is set on the Menu Module? I use "Default Collapsible".

I cannot reproduce the issue, but I don't have that many items. The Items are moved to the next line when I shrink the browser window.
Use static , change to fluid and is the same effect. When use collapsible default menu layout, the 2nd line menus apears ok, but submenus stops working( event with the submenu -on-). Change back to collapsible dropdown and menus don´t move to the next line, but submenus work ok.

thecure
Joomla! Apprentice
Joomla! Apprentice
Posts: 29
Joined: Fri Oct 10, 2008 10:56 pm

Re: Menus are truncated

Post by thecure » Wed Aug 24, 2022 10:40 pm

ceford wrote:
Sat Aug 20, 2022 5:38 pm
I have a local test site with 13 menu items. I just moved it from the right to the menu position and find that it wraps. This is just a piece of it:

wrapped-menu.png

I suggest you open your browser Developer Tools and see if you can find the div that contains the menu. It seems to be the grid-child class that needs fixing.

menu-inspect.png
Sorry, try to navigate developer tools but didn´t find the line, should I have to find specific file? and edit it?, thanks in advance

User avatar
ceford
Joomla! Ace
Joomla! Ace
Posts: 1117
Joined: Mon Feb 24, 2014 10:38 pm
Location: Edinburgh, Scotland
Contact:

Re: Menus are truncated

Post by ceford » Thu Aug 25, 2022 4:04 am

Try this in your user.css file:

Code: Select all

@media (min-width: 992px) {
  .container-header .mod-menu {
    flex-wrap: wrap;
  }  
}
You find the user.css file in System / Site Templates / Cassiopeia Details and Files / css

If it is not present click the New File button and create it.

Also, I recommend Title Case for menus rather than ALL CAPITALS - amongst other things, it takes up less space.


Post Reply

Return to “Templates for Joomla! 4.x”