Questions tagged [zurb-foundation-6]

This is the latest version of Foundation for Sites

Foundation for Sites 6

This is the latest version of Foundation for Sites by ZURB

Foundation for Sites Resources

499 questions
5
votes
1 answer

sails.js and foundation 6 - TypeError: url.indexOf is not a function

I am trying to use sails.js and Zurb Foundation 6.2. I used this handy npm generator that sets up my grunt tasks. The output looks pretty good. I have a single js file that contains jquery, foundation, etc. In my layout.ejs, I have…
Matt Knight
  • 499
  • 2
  • 7
  • 20
5
votes
1 answer

Foundation vertical (Split Layout) Off-Canvas covers entire screen and on mobile screen only

I am trying to create an off-canvas using foundation 6; the idea is that I have two basic columns app, then I try to hide the one in the left only when the screen is small using off-canvas effect, But first I need to get this working: the col 2 get…
victor sosa
  • 899
  • 13
  • 27
5
votes
3 answers

Foundation 6 reveal modal events not firing for me

I want videos playing in the reveal modal window to stop playing when the modal window closes (who doesn't?). This is easily done with jQuery by setting the iframe source to empty. But I can't figure out how to make it work in a callback. The modal…
b mckenzie
  • 53
  • 1
  • 4
5
votes
2 answers

Setup Zurb Foundation 6 (sass) in Laravel 5 using composer

I am starting a new Laravel project with v5.2 and I would like to use Zurb Foundation v6.2. I've seen that Zurb Foundation can be installed through composer and since I've installed Laravel through composer, I thought it as a good idea. I did it,…
Nicolas Lemoine
  • 341
  • 4
  • 18
5
votes
1 answer

file to import not found or unreadable: util/util in my switch from foundation 5 to foundation 6

I used to use foundation 5 which uses compass to do the sass thing. but now i switch to foundation 6, I always cannot make it right. when running gulp,it show error: file to import not found or unreadable: util/util there is one answer i found…
5
votes
4 answers

display slide number orbit.js foundation 6 zurb

I am currently working with orbit.js slider in Foundation 6 and not seeing an option to display slide number. Could you advice me on this or share examples please. Thanks!
5
votes
3 answers

Foundation 6 core js error

I am using a brand new install of Foundation 6 and trying to set up a closable toggle box (http://foundation.zurb.com/sites/docs/toggler.html). For some reason I am getting this error though.. Uncaught TypeError: Cannot read property '_init' of…
Dustin
  • 4,314
  • 12
  • 53
  • 91
4
votes
2 answers

Custom Text for Drilldown Menu "Back" Button [Foundation 6]

While I know I can use data-back-button to change the text on my drilldown menus, is it possible to change them to reflect whatever the parents of the drilldown is? For example, the drilldown menu works as such: And I'd like it to function as…
Joe W.
  • 167
  • 8
4
votes
2 answers

Foundation6 reveal popup form field unwanted focus lost (in jQuery events?)

I'm coding popup form using Foundation6 reveal. I'm facing JavaScript problem I have traced has probably something to do with jQuery.js / Foundation.js event binding or handling. When I click the text field (or any other field) in reveal window the…
4
votes
1 answer

How to apply class to body element using Foundation's Responsive Navigation?

I'm using Foundation's Responsive Navigation to display a Hamburger icon for mobile. For the life of me, I cannot figure out how to apply a class to the body element when the mobile menu is displayed (after the Hamburger icon is clicked) Can someone…
4
votes
2 answers

How do I make rounded button-group in Foundation 6?

There used to be a "round" class on Foundation 5 that transforms a button-group to have rounded edges. How do I do this in Foundation 6?
user400424
  • 373
  • 3
  • 15
4
votes
1 answer

How to configure Foundation 6 responsive menus to switch between Drilldown and Dropdown types?

How do I configure Foundation 6 responsive menus to switch from a dropdown menu to a drilldown menu when at the mobile device brealpoint? The last example in the Foundation documentation works as expected in medium or larger views, but still shows…
Sean Kimball
  • 4,506
  • 9
  • 42
  • 73
4
votes
1 answer

Panels in foundation 6 not rendering

new to foundation 6 here so probably missing something simple. Im trying to have panels render but its simply just not showing for me. Is there something ive missed? Whether or not i put the div = panels, in or not, makes no difference. It looks the…
callum
  • 43
  • 2
4
votes
2 answers

Browsersync server - Need different paths to html and css for reload

The problem is that my index.html won't load a css file from a sister folder. I've tried a variety of Browsersync options and none worked. Into my second day trying to figure this out. I'm working in the Flask framework for Python which works…
Preston
  • 3,260
  • 4
  • 37
  • 51
3
votes
1 answer

What does this Zurb Foundation 6 mixin @include xy-grid() mean?

What does this Zurb Foundation 6 mixin mean @include xy-grid(); Which one does it define, grid-x or grid-y?
Nvim
  • 125
  • 10
1
2
3
33 34