Joomla Templates Club 406,261 posts

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#175986

Hello,

if the text of the breadcrumb is too long,it is cut…
see screenshot for more understanding.

So how can we fix that (put the rest of the breadcrumb’s text on the next line) ?

Thank in advance.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#448025

So that I may best try to assist you and provide you with concise guidance as to what you need to do within your template/site structure, please provide the url of the site you’re working on, as well as set “Optimize CSS” to “No” within your Template Manager–General Settings

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#448152

Hello,

I just PM you with the link of our test website.
Thank in advance for your help.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#448158

The issue appears to be related to both the height of the container space for your breadcrumbs,
combined with a “nowrap” property within the relative CSS. So, here is your fix . . .

Within the following file path –> /templates/ja_teline_iv/css/template.css

at line 908, you will see the following:

#ja-navhelper-top .ja-breadcrums {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
border-style: none none dotted;
border-width: 0 0 1px;
display: inline-block;
float: none;
height: 18px;
line-height: 18px;
margin-top: 0;
max-width: 95%;
overflow: hidden;
padding: 0 8px 0 20px;
white-space: nowrap;
width: auto;
}


Delete “white-space: nowrap” and add “min-height: 4em;” – as follows . . . .

#ja-navhelper-top .ja-breadcrums {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
border-style: none none dotted;
border-width: 0 0 1px;
display: inline-block;
float: none;
height: 18px;
line-height: 18px;
margin-top: 0;
max-width: 95%;
overflow: hidden;
padding: 0 8px 0 20px;
width: auto;
min-height: 4em;
}


SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Hope That Helps

1 user says Thank You to TomC for this useful post

1. dieudonne

[Author]

Posts