Menu icon Foundation
top-bar fixed when scroll

I wanted to make something like this:

http://foundation.zurb.com/templates/grid.html

In mobile, when the menu is expanded the top-bar remain fixed. I need to make something like that but it didn't worked on me. It only works when the menu is not expanded.

I wrapped my div in a ".fixed" class. But still not working.

I also change the breakpoint size of it. I made it 2000px

Please help me..

:(

topbarfixed

I wanted to make something like this:

http://foundation.zurb.com/templates/grid.html

In mobile, when the menu is expanded the top-bar remain fixed. I need to make something like that but it didn't worked on me. It only works when the menu is not expanded.

I wrapped my div in a ".fixed" class. But still not working.

I also change the breakpoint size of it. I made it 2000px

Please help me..

:(

Karl Ward over 5 years ago

not quite sure what you mean. In the example you refer to, the menu is NOT fixed, not in mobile- or desktop mode. You can set the top-bar to fixed by adding the "fixed" class to a wrapper element. This is explained here:
http://foundation.zurb.com/docs/components/topbar.html

If its not working, please provide link.