Menu icon Foundation

My Posts

No Content

My Comments

Nic Edwards commented on David's post over 4 years

Here's the fix:

http://codepen.io/nemesisjoe/pen/Gsvky

The visibility issues had to do with it lacking a medium threshold for screen size, so it defaulted to small. Hope this helps!

Nic Edwards commented on Mike Seaby's post almost 5 years

Nice stuff. Thanks a lot!

Nic Edwards commented on Sam Valtez's post almost 5 years

You have a couple of things going on:

  1. When altering the CSS, you should create a separate personal stylesheet because if you update your foundation.css file it will delete any of the custom CSS that you added.

  2. The "centered" class is unnecessary when you have a 12 column row since it's already centered by default.

  3. It seems like your custom css is unnecessary if you're trying to load an orbit slider on a small screen. By default it loads a static image, but you can delete the "hide-for-small" (on the orbit slider) class as well as the code for the img that has the "show-for-small" class.

Hope that helps!

Nic Edwards commented on Bridget's post almost 5 years

You can us a text icon like one form here: http://character-code.com/arrows-html-codes.php

http://codepen.io/nemesisjoe/pen/bdmJz

The class of "arrow" in the code shows you how to do that using CSS, check it out!

Nic Edwards commented on null's post almost 5 years

We confirmed the issue on Firefox, go ahead and open an issue on GitHub for this: https://github.com/zurb/foundation

Nic Edwards commented on Eric Warncke's post almost 5 years
Nic Edwards commented on Robert Klitz's post almost 5 years

Here's what your code looks like: http://codepen.io/rafibomb/pen/madJf

Nic Edwards commented on Robert Klitz's post almost 5 years

Looks good, just need to disable the close event on-click in JS. Usually when clicking on a main menu item to close the accordion, it shouldn't close the entire menu. It makes sense with a submenu item though.

Nic Edwards commented on Brett Peary's post almost 5 years

In the Foundation CSS, by default, a nested row will not add a margin as the outermost div does.

.row .row {
  width: auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;

Nic Edwards commented on Jamie Brightmore's post almost 5 years

In your second code snippet those two just negate each other.

Here's a codepen with a fix:
http://codepen.io/rafibomb/pen/Cflai

Posts Followed

No Content

Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on David's post over 4 years

Here's the fix:

http://codepen.io/nemesisjoe/pen/Gsvky

The visibility issues had to do with it lacking a medium threshold for screen size, so it defaulted to small. Hope this helps!

You commented on Mike Seaby's post almost 5 years

Nice stuff. Thanks a lot!

You commented on Sam Valtez's post almost 5 years

You have a couple of things going on:

  1. When altering the CSS, you should create a separate personal stylesheet because if you update your foundation.css file it will delete any of the custom CSS that you added.

  2. The "centered" class is unnecessary when you have a 12 column row since it's already centered by default.

  3. It seems like your custom css is unnecessary if you're trying to load an orbit slider on a small screen. By default it loads a static image, but you can delete the "hide-for-small" (on the orbit slider) class as well as the code for the img that has the "show-for-small" class.

Hope that helps!

You commented on Bridget's post almost 5 years

You can us a text icon like one form here: http://character-code.com/arrows-html-codes.php

http://codepen.io/nemesisjoe/pen/bdmJz

The class of "arrow" in the code shows you how to do that using CSS, check it out!

You commented on null's post almost 5 years

We confirmed the issue on Firefox, go ahead and open an issue on GitHub for this: https://github.com/zurb/foundation

You commented on Eric Warncke's post almost 5 years
You commented on Robert Klitz's post almost 5 years

Here's what your code looks like: http://codepen.io/rafibomb/pen/madJf

You commented on Robert Klitz's post almost 5 years

Looks good, just need to disable the close event on-click in JS. Usually when clicking on a main menu item to close the accordion, it shouldn't close the entire menu. It makes sense with a submenu item though.

You commented on Brett Peary's post almost 5 years

In the Foundation CSS, by default, a nested row will not add a margin as the outermost div does.

.row .row {
  width: auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;

You commented on Jamie Brightmore's post almost 5 years

In your second code snippet those two just negate each other.

Here's a codepen with a fix:
http://codepen.io/rafibomb/pen/Cflai

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content