Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

nav.top-bar.hide-for.. << causes the bar to be generally expanded #6493

Closed
doertedev opened this issue Apr 23, 2015 · 4 comments
Closed

nav.top-bar.hide-for.. << causes the bar to be generally expanded #6493

doertedev opened this issue Apr 23, 2015 · 4 comments

Comments

@doertedev
Copy link

OHAI.

I have a top bar. I want to display it only for certain sizes. When I give the nav bar a hide-for- statement as an additional classname, it is generally expanded, and the menu button is not functional.
Is this desired behaviour?

I mean sure,

.top-bar
  @extend .show-for-medium-down

this works but I haven't found the responsible code yet. H4lp?

@jherel
Copy link

jherel commented Apr 24, 2015

if you want to display only certain heights, adds .show-for-medium-down in class.
Example:
< div class = "show-for-medium-down">
   < nav class = "top bar" topbar data-role = "navigation">
...
...
</ nav>
</ div>

@doertedev
Copy link
Author

Yes. Except when you want to omit the wrapper elements. Ofc this is debateable. But it is weird that this does not work out of the box.

@rafibomb
Copy link
Member

I havn't been able to replicate it. Can you share your code? http://codepen.io/rafibomb/pen/WvbNao

In fact, we are using the classes on the main site. http://foundation.zurb.com/

@doertedev
Copy link
Author

Closing this issue. 't was my bad. Had a version f***up on my client side, I somehow had the wrong interpreters in place. Maybe a gem cleanup between rbenv environment switches is a thing I should do more often.
Thanks for response though.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants