The first solution clearly seems to me to be the best! (But I will try later also the solution from Dan Stylez)
Replace
in the h5 title with
and the hyphenation is already correct. You can see the whole forendescription by mouse over - then it is displayed centered and it doesn't matter how long the text is. No lengthy description is displayed in the mobile phone like this.
Code: Select all
h5 {
font-family: Arial, sans-serif;
font-size: 1.2em;
width: 550px;
text-overflow: ellipsis;
cursor: pointer;
hyphens: auto;
overflow: hidden;
white-space: nowrap;
margin-top: 16px;
}
However, there could be problems with the touch screen. I don't know, because I don't own a device like that.
I've adjusted it this way. In some display sizes it should be centered. It may not be possible. I'm going to try harder today. However, if the description is short, then it is not centered with the code in most mobile devices anyway.
This is way the download/Version is not updated yet!
Blackfog responsive
https://www.forum.my-tastenworld.ch/dow ... hp?id=2044
Responsive hover