Margin Issues with Foundation


If you are having margin issues with either the column stacks or another stack in Foundation, please follow the steps below to help get it working better.

Easy Fix

The easiest way to fix this, is to put the stack inside of a 1 column stack, and check the box marked Overflow Hidden? in the Row Setup settings.

Another place to look is in the Site Styles stack. There is an option to Enable or Disable Overflow.

You can also using padding instead of margins as the browser will not cut off the padding like it can with margins.

Moderate Fix

You can use column width, this can take some work to get the look and feel you like, but restricting the columns is a great way to get the look you want, especially on responsive sites.