CODEWITHSUNDEEP
javascriptjquerycsszurb-foundation
HP.
HP.

Reputation: 19896

Sticky topbar not working Zurb Foundation

I read many things against using topbar from Foundation. Like

A sticky Top Bar makes the page jump up when scrolling past it with Zurb Foundation

and here

https://github.com/zurb/foundation/issues/2005

It is very "flaky" for me. Sometime works and sometime doesn't

This is my code http://jsfiddle.net/qhoc/48Tur/1/

I activated it by this right?

$(document).foundation().foundation('topbar');

Any clue why this one does NOT stick?

Upvotes: 2

Views: 2610

Answers (2)

user2554559
user2554559

Reputation:

Here is a working fiddle. You missed out some css

.sticky{
    position:fixed;
    z-index:999;
}
.cuisine {
    margin-top:50px;
}

Upvotes: 3

Abdul Malik
Abdul Malik

Reputation: 2642

add this to your css

.sticky{
    position:fixed;
    z-index:999;
}
.cuisines{
    margin-top:50px;
}

Upvotes: 2

Related Questions