CSS for sticky menus

Foodie Pro child theme for Genesis Framework:

/*sticky menu for desktop */
.nav-primary {position:sticky; top: 0; background-color: #fff !important; z-index:9999;}
.admin-bar .nav-primary {top:32px;}
/*sticky menu for desktop */
/*sticky menu for mobile */
@media only screen and (max-width: 940px) {
.foodie-search .search-form {border: 2px solid #333;}
.menu-toggle {position: sticky; top: 0; background-color: #fff !important; z-index:9999;}
.nav-primary {position:sticky; top: 40px; background-color: #fff !important; z-index:9999;}
.admin-bar .menu-toggle {top:32px;}
.admin-bar .nav-primary {top:72px;}
}
/*sticky menu for mobile */
Was this answer helpful? 0 Users Found This Useful (0 Votes)