Breadcrumb in mobile view is too long Topic is solved

General questions relating to Joomla! 4.x.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10
Post Reply
neojw1505
Joomla! Apprentice
Joomla! Apprentice
Posts: 47
Joined: Wed Aug 11, 2021 12:44 pm

Breadcrumb in mobile view is too long

Post by neojw1505 » Mon Oct 25, 2021 4:03 am

Hi All, I am using the Joomla breadcrumb module, but in the mobile view the breadcrumb is too long. I have attached a link to show how it looks like on mobile view -> https://prnt.sc/1x9qxtg. I am open to any suggestions or alternatives to resolve this issue. Any help would be appreciated, thank you for taking the time to read this post.

Have a good day.

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

Re: Breadcrumb in mobile view is too long

Post by Per Yngve Berg » Mon Oct 25, 2021 6:16 am

Remove the "You are here" and "Home" in the Options of the module.

neojw1505
Joomla! Apprentice
Joomla! Apprentice
Posts: 47
Joined: Wed Aug 11, 2021 12:44 pm

Re: Breadcrumb in mobile view is too long

Post by neojw1505 » Mon Oct 25, 2021 6:24 am

Per Yngve Berg wrote:
Mon Oct 25, 2021 6:16 am
Remove the "You are here" and "Home" in the Options of the module.

thanks but I would like to keep those there.

ghazal
Joomla! Explorer
Joomla! Explorer
Posts: 310
Joined: Fri Aug 19, 2005 12:12 pm
Location: Out of my mind ...sometimes

Re: Breadcrumb in mobile view is too long

Post by ghazal » Mon Oct 25, 2021 10:12 am

* Some templaters override the breadcrumb module (like joomshaper for helixultimate).

But the html output is generally like:

Code: Select all

<ol>
<li>
<span> ..</span>
</li>
</ol>
So,
* check the html output designed for the template you're using
* play with css and css mediaqueries to get the result you want to obtain, ie a display on several lines, for example.

neojw1505
Joomla! Apprentice
Joomla! Apprentice
Posts: 47
Joined: Wed Aug 11, 2021 12:44 pm

Re: Breadcrumb in mobile view is too long

Post by neojw1505 » Tue Oct 26, 2021 5:00 am

I just used flex wrap:wrap to move the trail to another line if it is too long.


Post Reply

Return to “General Questions/New to Joomla! 4.x”