Text cut off in responsive HTML5 output

No need for a copy of your topic css - we don't want to put all the topic styles in to the skin. We just want to make a change to the skin. But as skins in New UI generally don't provide access to their css we need to create a new blank one just for our customisations. Also, I think it's probably better to keep our changes separate from the main css, as it's easier to unpick later if necessary. 🙂

Create a blank text file in Notepad or whatever text editor you have, paste in the code I posted and save it with a .css extension. (e.g. customisations.css). In the skin/template you're using there will be a section called "User Assets". Where exactly depends on the skin you're using (for a responsive HTML5 skin, try under Layout). Add the css file you just created there.

In future if you need to make tweaks to the skin (not topic content) that aren't available in the UI in Robohelp, put those changes in this stylesheet.

If it's just the topic content, not the toc, index or glossary, create a custom css file with the following rule. 

body.media-mobile div.topic {
padding-bottom: 3em;
}

Then add the css to the User Assets section of the skin and see if it helps.

If the toc etc are also a problem, we need to add the definitions for those containers as well. If you're comfortable with css and html you can find the correct rule using the browser developer tools. Otherwise post back and I can post the correct values.

I've never heard of text being cut off like that - is it happening with the sample project?