Jump to content

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


afalls
 Share

Recommended Posts

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

 

 

Screenshot_51.jpg

Link to comment
Share on other sites

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).

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...