My challenge is that the product name is long and ends up wrapping on the second row. If I could have just had the second row for the product name it would look so much better.
You can use a <br> HTML tag to insert a break into a lesson title, but unfortunately this doesn't get parsed in its menu listings so it's a messy solution.
For example, this...
Short Bit<br>Followed By Really, Really Long Part
...will break the text as intended across two lines when viewing the actual lesson page, but in your side menu or contents page it'll be listed as written above, even displaying the HTML.
My only other suggestion would be to use non-breaking spaces within the product name, as then the entire name will be considered one 'word' and shift itself down a line if there isn't enough space for the entire thing. Another imperfect solution, though, as this might also look a bit odd in menus and likely won't work well on smaller screens; if it has to break the product name to fit it on a mobile device it can't see your 'spaces' in the product name, so it'll likely break in a weird spot.
6 Replies
Hi Mickey,
as far as I know you can´t do this. My recommendation is to write it differently, like:
Best Seller #1: Product Name OR Best Seller #1 ‒ Product Name
Regards
Susi
I love that idea, Susi! Thanks for chiming in!
thank you both!
My challenge is that the product name is long and ends up wrapping on the second row. If I could have just had the second row for the product name it would look so much better.
Perhaps an idea for update in the future!
Thanks again,
Mickey
You can use a
<br>
HTML tag to insert a break into a lesson title, but unfortunately this doesn't get parsed in its menu listings so it's a messy solution.For example, this...
...will break the text as intended across two lines when viewing the actual lesson page, but in your side menu or contents page it'll be listed as written above, even displaying the HTML.
My only other suggestion would be to use non-breaking spaces within the product name, as then the entire name will be considered one 'word' and shift itself down a line if there isn't enough space for the entire thing. Another imperfect solution, though, as this might also look a bit odd in menus and likely won't work well on smaller screens; if it has to break the product name to fit it on a mobile device it can't see your 'spaces' in the product name, so it'll likely break in a weird spot.
Thanks Sam, I'm going to try the non-breaking space and see how it looks.
Just curious if you found a solution, Mickey. I am having the same issue and none of these suggestions are working for me.