Menu icon Foundation
Configuring FlexBox/FlexGrid in JointsWP

Hi,

Ive seen a few other people have an issue with FS6 in Safari on OSX where the end column is getting pushed to the next line down, however im having some trouble fixing this issue on my own build.

Im using JointsWP Sass theme for WordPress, and ive added the flex-grid requirements and commented out the foundation-grid in style.scss.

// Select the components you want to use
@include foundation-global-styles;
// @include foundation-grid;
$global-flexbox: true;
@include foundation-flex-classes;
@include foundation-flex-grid;
@include foundation-typography;
@include foundation-forms;
@include foundation-button;

Yet this does not fix the column issue, and breaks all dropdown menu's on every browser (see screenshot). There are also other weird spacing issues in safari.

Any idea's what ive done wrong? Or how to correctly implement?

Thanks!

 

JointWP

Hi,

Ive seen a few other people have an issue with FS6 in Safari on OSX where the end column is getting pushed to the next line down, however im having some trouble fixing this issue on my own build.

Im using JointsWP Sass theme for WordPress, and ive added the flex-grid requirements and commented out the foundation-grid in style.scss.

// Select the components you want to use
@include foundation-global-styles;
// @include foundation-grid;
$global-flexbox: true;
@include foundation-flex-classes;
@include foundation-flex-grid;
@include foundation-typography;
@include foundation-forms;
@include foundation-button;

Yet this does not fix the column issue, and breaks all dropdown menu's on every browser (see screenshot). There are also other weird spacing issues in safari.

Any idea's what ive done wrong? Or how to correctly implement?

Thanks!