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
0
votes
1 answer

Menu in Zurb foundation not work

I start as a back-end developer, I know a little about front-end. At this weekend, I do a stuff as a hobby then stuck at here. I follow this tutorial: http://foundation.zurb.com/apps/docs/#!/menu-bar I don't know why the menu display…
Vy Do
  • 46,709
  • 59
  • 215
  • 313
0
votes
1 answer

Foundation6/Sites Callout data-closable not working w/ live example

I am trying to use a callout for foundation6/sites that can close using data-closable and data-close attributes, however I can't get it to work. example: http://liveweave.com/Ls8x3p As you can see in the example, the callout does gain the fade-out…
Morgan
  • 196
  • 9
0
votes
1 answer

Foundation6/Sites Reveal Modal Not Working w/ live example

Example of problem is here: http://liveweave.com/fRs3PL Basically, I have a modal being triggered from a dropdown, and for some reason the modal hides behind the grey shadow and then disappears altogether a moment later. What is going on here?!
Morgan
  • 196
  • 9
0
votes
1 answer

Foundation 6 Toggled Title Bar Not Working On Only One Page Of Site

Unlike a lot of other posts on this topic, my title bar works just fine on every page, but one: http://www.pcvsoftware.net/christlutheran/contact.html On screens larger than small, I get the horizontal top menu. On my phone, I get the toggled title…
Paul
  • 3
  • 3
0
votes
0 answers

Zurb Foundation - Mobile navigation not opening in second tier hierarchy pages

I'm using the Zurb Foundation 6 framework on this website http://hlb-mann-judd.businesscatalyst.com. Everything is good apart from the mobile navigation not opening for pages that are in a second tier heirarchy. Here's a link where the problem…
Grant
  • 217
  • 1
  • 4
  • 17
0
votes
2 answers

How to trigger equalizer after fonts have loaded or on reflow?

I am having an issue with Foundation's equalizer plugin firing too soon after the DOM is ready. I am loading in some TypeKit fonts and they take a few milliseconds to load in but the equalizer plugin is firing before the fonts load. What happens is…
Dustin
  • 4,314
  • 12
  • 53
  • 91
0
votes
1 answer

How to fix topbar dropdown menu links not working in Foundation 6

I have never used Foundation 6 before and after building an entire website on it, I realized the links in my topbar's drop down menu do not work. I searched for an answer to this question everywhere and I have seen so many different answers. Some…
Zobia Alvi
  • 23
  • 1
  • 4
0
votes
1 answer

How to horizontally align buttons with different size of div?

Probably this question was asked already but English is not my native language and I can't express my problem to search, also i search this in google about 1-2 hours. So please forgive me. Here is my problem; As you can see the buttons are not…
Okan Binli
  • 21
  • 4
0
votes
1 answer

Global-font-size affects grid

In Foundation 6 docs: Since the typical default browser font size is 16 pixels, that makes the calculation for grid size. If you want your base font size to be different and not have it affect the grid breakpoints, set $rem-base to…
RustBeard
  • 81
  • 10
0
votes
2 answers

foundation6 does not build with node-sass

i am upgrading foundation5 to foundation6 and when compiling the code with node-sass i get the following error { [Error: bower_components/foundation-sites/scss/grid/_grid.scss Error: Undefined variable: "$global-width". on line 11 of…
khinester
  • 3,398
  • 9
  • 45
  • 88
0
votes
1 answer

Foundation 6 change gutter size at small breakpoint

In Foundation 6 is there a way to change the gutter size in the small breakpoint to something different than the gutter size in settings.scss? Right now I have $grid-column-gutter set to 90px but I'd like for that size to go to 30px when the site is…
Dustin
  • 4,314
  • 12
  • 53
  • 91
0
votes
2 answers

Foundation 6 Responsive Toggle nav not working

I am doing my first project in Foundation 6 and am having trouble getting the responsive navigation to work. I started with the basic page template that comes with Foundation (installed F6 using CodeKit) then I pasted in the responsive menu code…
etellewyn
  • 126
  • 2
  • 7
0
votes
0 answers

Copy SCSS File to a new SCSS file

I am using Foundation 6 with SASS and have a question. I would like to make a copy of the _panels.scss file and make some changes, but also keep the formatting of the standard _panels.scss. I made a direct copy, titled it _panels-foo.scss and added…
SteveV
  • 429
  • 3
  • 8
  • 18
0
votes
1 answer

ZURB Foundation 6 - Changes in Media Queries

If you read the doc for ZURB Foundaiton 6 Media Queries you find out that there are some changes compared to ZURB Foundation 5. I have few questions about new features because I don't understand reasons which led to change. 1) breakpoint mixin, down…
Knut Holm
  • 3,988
  • 4
  • 32
  • 54
0
votes
1 answer

Variables in _settings.scss are compiled as uncommented

I have asked this question in Foundation forum but no one has been able to answer yet. Once I run "foundation watch" command, all of the variables inside the src/assets/scss/_settings.sccc file are compiled as uncommented. On the ZURB website…
Yucel-M
  • 27
  • 4