This is the latest version of Foundation for Sites
Foundation for Sites 6
This is the latest version of Foundation for Sites by ZURB
Questions tagged [zurb-foundation-6]
499 questions
0
votes
1 answer
Foundation 6 grid programmatic column removal
I am using foundation 6 in a new project and stumbled upon an issue.
I have a grid with and I want to hide a column (which I want to show again later), the problem is that if I hide the column, it does not reorder all the other columns, I tried by…
Last Templar
- 336
- 5
- 22
0
votes
3 answers
NPM Experts! Does NPM need to be installed with every JointsWP Gulp Sass project
I'm using JointsWP (an excellent Foundation 6 port to Wordpress).
I'm using the Sass version and it's working great. However, I seem to have to install npm with every project. Is this nessesary?
Is there a way to install npm globally and link to…
catchlight
- 63
- 1
- 2
- 11
0
votes
0 answers
Can't load the entire scss of Foundation 6 with Webpack
I try to load Foundation 6 scss with Webpack.
Here's my very simple main.scss file:
@import '~foundation-sites/scss/foundation';
body {
background-color: red;
}
Here's the call in my app.js:
import './main.scss'; //webpack syntax
And here's my…
Mik378
- 21,881
- 15
- 82
- 180
0
votes
1 answer
Some Foundation 5 Utility Classes Not Working in Foundation 6
I've searched for answers on Zurb's site as well as other posts here on SO but haven't found anything that appears to address this issue.
I'm working with Foundation 6 (tried both sites and Zurb templates). Many of the utility classes are working…
Bill
- 1
- 3
0
votes
1 answer
Zurb 6 - Desktop being detected as Medium instead of Large
I am using Zurb 6 and trying to hide some elements on small and medium screens using the visibility classes, however my desktop is being detected as a Medium Screen. Why is this?
My fullscreen width is 1920px, I have not altered the breakpoints…
ConquestXD
- 754
- 1
- 8
- 18
0
votes
1 answer
Foundation 6 Reveal Modal Tiny Not Working
Below is my sample code for html:
testing reveal
juntapao
- 407
- 3
- 12
0
votes
2 answers
how to start using the framework foundation for sites and deploy the first project
I want start using the framework foundation for sites but after reading the DOCS (http://foundation.zurb.com/sites/docs/installation.html) I got confused:
Why I should use a package manager to download a bunch of html, css and javascript file?
Or…
optimusfrenk
- 1,271
- 2
- 16
- 34
0
votes
1 answer
OffCanvas Menu Foundation 6
Just been working in Wordpress with Foundation 6 and i am building a menu with the off-canvas for mobile.
But i seem to have a problem where the content isnt loading into the off-screen menu, below is the code im using, am i putting things in the…
Nicholas Ritson
- 869
- 4
- 13
- 30
0
votes
0 answers
How to use foundations reveal modals?
as cake3 is using foundation framework, how can I use the reveal moadl function?
I tried simply copy and paste this to my view:
…
user1555112
- 1,897
- 6
- 24
- 43
0
votes
1 answer
Zurb Foundation 6 app.scss vs _settings.scss
What is the difference between app.scss vs _settings.scss in Zurb Foundation 6?
John John
- 81
- 1
- 3
0
votes
1 answer
How to use grid-row mixin
I'm struggling with understanding how this mixin works. The example the documentation provides is...
@include grid-row($columns, $behavior, $width, $cf, $gutter) { */ what goes here???*/ }
This is what I have in my SCSS...
.custom_row {@include…
Dustin
- 4,314
- 12
- 53
- 91
0
votes
1 answer
How to prevent accordion animation in Foundation 6
I'm trying to create a form that uses accordions for organization using Foundation 6. I want to add inputs and buttons to the accordion title. Normally when the accordion title is clicked it, it toggles its content by sliding. I want to disable this…
Mike
- 709
- 7
- 19
0
votes
1 answer
Foundation 6 Sticky Topbar not behaving properly at small browser resize
I have a sticky topbar on my website. It works fine on Large and Medium but when it gets down to small it developes a 54px height. I set class sticky-container to height: 0; and it works if i refresh the browser. When I navigate away and back again…
Adolfo J Barreto
- 61
- 15
0
votes
5 answers
Hero Image text overlay moves around on browser resize
The I placed a couple of header tags overlaid on my hero image. When I resize the browser the text-overlay moves up and down. Any Ideas as to how to make the text fixed in the middle of the hero image?
html:
…
Adolfo J Barreto
- 61
- 15
0
votes
2 answers
Hero image Skewes on browser resize
I've placed a 1200px X 900px hero image on my homepage. The problem is it skews when i resize the browser. I've tried playing with px, %, height and width at 100% but nothing seems to work. Any Ideas?
Html:
…
Adolfo J Barreto
- 61
- 15