Announcement

Collapse
No announcement yet.

How to Fix Breadcrumb Overflow in vB 6.2.1

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Free Mod How to Fix Breadcrumb Overflow in vB 6.2.1

    In vB 6.2.1, the topic title has been added to the breadcrumb. If a topic has long title, it would overflow on mobile devices. Please see below screenshot for reference:

    Click image for larger version

Name:	image.png
Views:	582
Size:	60.6 KB
ID:	34200​

    To fix this issue, add this custom CSS in css_additional.css template:

    Code:
    #breadcrumbs .crumb {
        overflow: hidden;
    }
    #breadcrumbs .crumb span[itemprop="name"] {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    After adding the above CSS, the last breadcrumb item will have ellipsis if it doesn't fit the available space.

    Click image for larger version

Name:	image.png
Views:	23
Size:	60.4 KB
ID:	34201​
    Buy me a coffeePayPal QR Code
    My Amazon Affiliate Link ​
    Fast vBulletin VPS Host:
    This site is hosted by IONOS

Latest Posts

Collapse

Working...
X
Searching...Please wait.
An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

Please push the back button and reload the previous window.'
An unexpected error was returned: 'Your submission could not be processed because the token has expired.

Please push the back button and reload the previous window.'
An internal error has occurred and the module cannot be displayed.
There are no results that meet this criteria.
Search Result for "|||"