Menu icon Foundation

Coder | Campbell, CA

I make stuff happen...for people.

My Posts











My Comments

Rafi Benkual commented on Emma Nymton's post 29 days

Try .hide-for-small-only. The classes are mobile first so hide-for-small would hide for all.
 
https://foundation.zurb.com/sites/docs/visibility.html

Rafi Benkual commented on Gavnosis's post 29 days

Yes - you can overwrite the settings file. You can always view the original https://github.com/zurb/foundation-sites/blob/develop/scss/settings/_settings.scss
It will not get overwritten on update.
You could also copy it and create a _custom.scss file to override the settings. The live reload is done with browsersync. It's part of the ZURB Stack that you can use to build the Sass version.

Rafi Benkual commented on Gustavo Nunez's post 29 days

This makes sense since the block grid is for even sized columns. So you might use the regular grid for sizing.

Rafi Benkual commented on Roy Hinkley's post 29 days

Not sure what you mean exactly. You can line up form elements using the built in helpers: https://foundation.zurb.com/sites/docs/forms.html#inline-labels-and-buttons

Rafi Benkual commented on Sean Smith's post 29 days
Rafi Benkual commented on Sherry Bradford's post about 1 month

If you are looking to make each column the same height, equalizer can help you.
Otherwise, flexbox solves this too: https://codepen.io/rafibomb/pen/XVVxXV

Rafi Benkual commented on Reinhard Mohr's post about 1 month

Are looking to make the dropdown overlay instead?
You can make the top-bar position absolute on small screens
@media screen and (max-width: 39.9375em) {
.top-bar {
position: absolute;
}
}

Rafi Benkual commented on holmescreek's post about 1 month

What error are you seeing? Can you share the error log?

Rafi Benkual commented on Pablo Martin Viva's post about 2 months

not exactly clear on what you are trying to accomplish here though. Are yo trying to shift the li's to the right?

Rafi Benkual commented on Val Ery's post about 2 months

Really nice Mega Menu Example! Really want to get this into Building Blocks soon!

Posts Followed










  • 3
    Replies
  • Mega menu

    By Val Ery

    zf 6.4.3mega menudropdown

    Hi All! I wanted to create a building block. But, today the building blocks do not work with xy-grid. Therefore, see the example here. Happy New Year to all! P.S. In ex. - simple two-column menu - menu with vertical tabs - simple block grid All... (continued)

    Last Reply by Rafi Benkual about 2 months ago


Following

Followers

My Posts

My Comments

You commented on Emma Nymton's post 29 days

Try .hide-for-small-only. The classes are mobile first so hide-for-small would hide for all.
 
https://foundation.zurb.com/sites/docs/visibility.html

You commented on Gavnosis's post 29 days

Yes - you can overwrite the settings file. You can always view the original https://github.com/zurb/foundation-sites/blob/develop/scss/settings/_settings.scss
It will not get overwritten on update.
You could also copy it and create a _custom.scss file to override the settings. The live reload is done with browsersync. It's part of the ZURB Stack that you can use to build the Sass version.

You commented on Gustavo Nunez's post 29 days

This makes sense since the block grid is for even sized columns. So you might use the regular grid for sizing.

You commented on Roy Hinkley's post 29 days

Not sure what you mean exactly. You can line up form elements using the built in helpers: https://foundation.zurb.com/sites/docs/forms.html#inline-labels-and-buttons

You commented on Sean Smith's post 29 days
You commented on Sherry Bradford's post about 1 month

If you are looking to make each column the same height, equalizer can help you.
Otherwise, flexbox solves this too: https://codepen.io/rafibomb/pen/XVVxXV

You commented on Reinhard Mohr's post about 1 month

Are looking to make the dropdown overlay instead?
You can make the top-bar position absolute on small screens
@media screen and (max-width: 39.9375em) {
.top-bar {
position: absolute;
}
}

You commented on holmescreek's post about 1 month

What error are you seeing? Can you share the error log?

You commented on Pablo Martin Viva's post about 2 months

not exactly clear on what you are trying to accomplish here though. Are yo trying to shift the li's to the right?

You commented on Val Ery's post about 2 months

Really nice Mega Menu Example! Really want to get this into Building Blocks soon!

Posts Followed

Following

Followers