Foundation skin - text up against edge of screen on mobile devices

[afalls]

Hi,

I am using the foundation skin (customised) on CC6 but when i view the website from a mobile phone the text is positioned right up against the edge of the screen.

I assume i need to make a change to the css to get some padding in. Can anyone offer any advice.

Thanks

 

 

[bsmither]

The Shop by Category bar goes edge-to-edge, but everything else should be centered with some padding.

The padding is standard for the CSS rules .column, .columns, which is just shy of one capital letter 'M' of the font currently in use (0.9375em).

Make sure the main.php template has these lines:

<div class="row {$SECTION}_wrapper">
  <div id="main_content" class="small-12 large-9 columns">

with row and either column or columns spelled correctly, and having a sizing directive (small-12, etc).