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
0 answers
zurb-foundation: Vertical-align container to bottom of section
I do need a little help. I would like to align a .row to the bottom of a section. The three containers you see on the image below need to be at the bottom. I cannot use "fixed" or "sticky" because they should not be. I use fullpage.js to scroll from…
Kaya.T
- 31
- 6
0
votes
0 answers
Uncaught in promise (Foundation 6 Equalizer reinitializing after Typekit loads)
Ok, I have this slight issue, I am using JointsWP with WordPress, and also loading custom fonts from Typekit. The fonts load with a slight delay and they keep flashing on the screen when swapping with fallback (issue for another time). I am trying…
Svedr
- 589
- 2
- 6
- 21
0
votes
1 answer
Customize error message from Abide in foundation 6
I have a simple sign up form with one input tag that is set up for an email. I'm using abide to validate the email. That works, but I would like to create my own error message and to style elements on the page of my choosing. Is this possible?
I…
icekomo
- 9,328
- 7
- 31
- 59
0
votes
1 answer
Foundation 6 flex grid and predefined floats
I like the idea of flex-grid and was wondering if I'm using it correctly. I started a build using Foundation 6 / SASS and did @include foundation-flex-grid;
While building a basic page I noticed in my DevTools that certain items from the Kitchen…
Moose
- 1,270
- 2
- 19
- 33
0
votes
2 answers
Correct Way to customize zurb foundation 6 with bower
Using zurb foundation 6 with bower, what is the normal workflow to customize it using the _settings.scss file, so that the file doesn't stay in the bower_components folder.
This answer says that we could copy the settings file and then import it in…
sarincasm
- 477
- 3
- 9
0
votes
2 answers
Foundation 6 - jQuery - scrollTop not working for mobile
in Foundation 6, jQuery scrollTop not working for mobile:
var hpSecondSection = $('#hp-section-2'),
fixedTopBar = $('#header-top-bar');
$('.scroll-down-bar').click(function() {
$('html, body').animate({
scrollTop:…
mimelaine
- 113
- 5
0
votes
3 answers
Top Bar not aligning in Foundation 6
I'm using Foundation 6 and is experimenting with the example. My question is why "Site Title" not aligning with the rest of the top-bar, it is further a little on top.
Jonh Doe
- 761
- 1
- 9
- 25
0
votes
4 answers
equalizer on small-only does not exist in foundation 6?
Im using Foundation 6, the last released version.
I have a problem with equalizer. I want to equalizer to be turn on only for small screen.
In according to : http://foundation.zurb.com/sites/docs/equalizer.html ,
when I use this :
data-equalizer…
Mahdi Ghandi
- 109
- 8
0
votes
1 answer
Foundation 6 - Using MotionUI Custom Mixins for Animate
I've installed Foundation 6 for Sites using SASS and I'm compiling with Gulp. I'm trying to use the Motion-UI library for some animation effects, and I've got a lot of it working.
Working Demo of Pre-built…
Nicholas Hazel
- 3,758
- 1
- 22
- 34
0
votes
1 answer
zurb foundation 6 on rails 4 works locally but not on dokku
I have a rails app with foundation 6 gem that renders well locally, but as soon that I push to a dokku server, the layout is not rendered.
On the chrome devlopper console I find the following error:
Uncaught ReferenceError: $ is not defined
My…
Mario Metzler
- 31
- 4
0
votes
1 answer
Starting an ExpressJS app using my favourite tools
I'm a front end dev who wants make a blog/portfolio site using express js.
I've used codekit in the past to compile,minify & autoprefix my JADE/SASS files, and to minify my JS files, but I have no idea where to start when going full stack. I've…
Louis Jones
- 21
- 3
0
votes
3 answers
Foundation big spaces on columns if the side column height is long
Good day guys. I've been trying for hours now regarding this problem. I wanted to achieve the large column position as stated below but I'm getting something else.
medium large What I get
[ A ] | [ A …
Angelo Ab
- 125
- 1
- 8
0
votes
2 answers
Foundation 6 offcanvas toggle jumps to top
Goodmorning,
I wonder if there is a way to prevent Foundation 6's toggle off-canvas from jumping to the top of the page. I notice that this behaviour is also present in official F6 documentation
Marco
- 712
- 1
- 10
- 23
0
votes
1 answer
How to create submenus in off canvas in Foundation 6
How can I create submenus in off canvas in Foundation 6?
I found this handy building block,
but it doesn't feature submenus in the LHS off-canvas menu.
I'd like a slide-in submenu like this one (this is Foundation 5).
gvanto
- 1,936
- 3
- 21
- 26
0
votes
1 answer
Foundation 6 how not to wrap around flex grid column?
I decided to use foundation 6's new flex grid and I noticed that I am not getting the intended behaviour as I was getting with the block grid.
This is the HTML, it's the same code used in both instances:
Last Templar
- 336
- 5
- 22