menu fixed with background white

hi,
geat template

For Quark Store :

It's possible to have menu fixed with background white on all page and no move or effect on scroll?

Example on attachment :

Capture d’écran 2015-05-13 à 19.46.40.png

if yes, how ?

Thanks

Could you please post an url to your site?

http://dev.djnewsmag.be

This is the basic version, I would change the menu before i start to change the elements.

Thank you

Please edit: /templates/gk_quark/css/override.css and add at its end:

Code: Select all

#gkHeaderNav {
    top: -45px !important;
    position: fixed !important;
    background: #fff !important;
    height: 120px !important;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .15) !important;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .15) !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .15) !important;
}
#gkHeaderNav .gkMainMenu {
    margin-top: 48px !important;
    height: 72px !important;
}
#gkHeaderNav.gk-fixed #gkLogo {
    margin-top: 72px !important;
}
#gkHeaderNav.gk-fixed .gkMainMenu .gkmenu.level0 > li > a {
    padding: 24px 15px !important;
}


Remember to enable "CSS override" in template settings - advanced section.

It's fun, but subtitles menus disappear when you scroll to the top of the page .

The idea for the menu appear when scrolling to the top is nice but will not work on pages with little content content.

It would be great to be able to enable the configuration template> section MENU> Display menus constantly.

example of malfunctions ...
http://cl.ly/image/3g070j3H1k1C
;(

I don't quite understand. Could you please be more specific?

add this on your override :

Code: Select all

#gkMobileMenu {
    padding: 0px;
    margin-top: 72px !important;
}
.dark-bg #gkMobileMenu i, .dark-bg #gkMobileMenu i::after, .dark-bg #gkMobileMenu i::before {
    background: #444 none repeat scroll 0% 0%;
}
.dark-bg #gkMobileMenu span {
    color: #444;
}
#gkHeaderNav .gkMainMenu .gkmenu > li > a, #gkHeaderNav .gkMainMenu .gkmenu > li > span {
    color: #444 !important;
}

Above code will fix the menu... And if it goest to pages with small amount of content - you can create custom page suffix which combined with css forcing menu to stay on page - would be the solution.