In my HTML5 responsive skin, for "Mobile Medium", I've set Styles > Global > Padding > Left + Right to 2em. However, when I generate and display my HTML5 help, the text in mobile view is flush against the left-margin.
I then tried setting the following in my styles for home page:
Code: Select all
.body-container
{
padding-right: 2em;
padding-left: 2em;
}
I used Firefox's inspector to figure out what is happening.
When I check the local version, the div.body-container area in question is taking the padding settings from the styles for home page stylesheet.
When i check the published version, the div.body-container area in question is now taking the padding settings from the a hidden stylesheet tablet.css. I've no idea why the behaviour is different. Anyway, if anyone know how can set the padding rules please let me know,
P