downbeat

That’s TOO easy! Thanks! ??

I don’t remember seeing that option before. Is it a new feature of Customizr?

Been doing more experiments with Chrome, and it seems that Chrome is wrapping the text line BEFORE applying ligatures, or font features. All other browsers are wrapping correctly by applying the font features and THEN determining the length of the line.

Since the actual character glyphs can change (along with the character widths) once OpenType font features are enabled, Chrome is adjusting the text wrap on incorrect information.

ElectricFeet, I tried to change padding to 0, but it runs off the edge of the window in Chrome.

Yeah, I don’t like the idea of modifying the pre-defined .spans. I’ll check out the guide. Thanks!

This seems to work best.

/* To fix the text-overrun Tagline in Chrome */
.navbar-wrapper .navbar h2 {
padding-right: 35px;
line-height: 1;
}
.navbar .span7 {
width: 75%;
}
.navbar .span5 {
width: 20%;
}
/* End of fix the text-overrun Tagline in Chrome */

Don’t think I should be changing the span distances, though. But I can change to a different span combination, right?

Thanks for the suggestion. Yeah, doesn’t look as good in FF and Safari, but it’s OK. Must be a Chrome bug for OpenType ligatures.

Also, since I’m not using all the Social icons, I shifted the allocation of the Tagline to give it more room.

/* To fix the text-overrun Tagline in Chrome */
.navbar-wrapper .navbar h2 {
padding-right: 35px;
}
.row-fluid .span7 { /* give more space to the Tagline */
width: 75%;
}
.row-fluid .span5 { /* and less to social icons */
width: 20%;
}
/* End of fix the text-overrun Tagline in Chrome */

Did you ever try dg easypay?

resolved

Never mind! Apparently resolved. I did a search, but someone beat me to it! ??