If you look at the item view for an article with a longer title, the formatting becomes overlapped and looks pretty bad in the breadcrumb area. If you look at the demo, try doubling the title and you will see what I mean: demo.smartaddons.com/templates/joomla3/sj-thedaily/index.php/k2-8/2014-12-23-04-21-46/listing-2-columns/item/225-maecenas-vehicula-pretium-turpis-in-adipiscing-leo-semper

Dear sir,

Please go to the file templates\sj_thedaily\css\template-blue.css , templates\sj_thedaily\css\template-green.css, templates\sj_thedaily\css\template-oranges.css and templates\sj_thedaily\css\template-red.css and find:

#yt_breadcrumb #breadcrumb .breadcrumb li.active {
position: absolute;
left: 0;
top: 50%;
margin: 0;
font-size: 20px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
line-height: 1px;
}
=> edit to:
#yt_breadcrumb #breadcrumb .breadcrumb li.active {
color: #fff;
float: right;
font-size: 20px;
font-weight: bold;
left: 0;
margin: 0;
position: absolute;
text-transform: uppercase;
top: 38%;
width: 60%;
}

Thanks

It looks like that changes the float to right? (It actually looks like adding the width makes it float right regardless of whether I add the "float:right")

Dear sir,

It's our design. You can check in the link demo.smartaddons.com/templates/joomla3/sj-thedaily/index.php/k2-8/2014-12-23-04-21-46/listing-2-columns/item/225-maecenas-vehicula-pretium-turpis-in-adipiscing-leo-semper
The title is in the left and menu path in the right.

Thanks

I think I understand, but with the fix you provided, the title then floats to the right within that 60% width. In other words, within the left 60% of the section, it floats on the right side of that section. Did I implement it incorrectly?

Dear sir,
Please try to change to this code:
#yt_breadcrumb #breadcrumb .breadcrumb li.active {
position: absolute;
left: 0;
top: 40%;
width: 60%;
float: left;
margin: 0;
font-size: 20px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
line-height: 30px;
}
#yt_breadcrumb #breadcrumb .breadcrumb li.active span{
float: left;
text-align: left;
display: block;
}
Thanks