Archived topic

sticky nav not showing ...

6 replies · Started by Axel on June 21, 2017

Viewing posts 1–7 of 7

June 21, 2017 at 10:07 am #336970

hi again,

currently building a site where i am hiding the main (below header) navigation only on one page but keeping the sticky with

nav#site-navigation.main-navigation{display:none;}

to get access to the slideout-nav after scrolling a bit. this worked until update to GPpro 1.3.1 - since then, the sticky navigation also is hidden with this ... (showed up before)

somebody please might tell me what has changed to cause this??

thanks in advance

EDIT:
affects only desktop - fine for mobile.

June 21, 2017 at 11:14 am #337010

Hi there,

So you are wanting to hide the navigation until scroll? If so can you give this a shot?
https://generatepress.com/forums/topic/hide-nav-top-menu-logo-until-scroll/#post-197136

June 21, 2017 at 11:20 am #337016

Just to confirm, you want the navigation to be hidden until you begin to scroll and the sticky navigation displays, correct?

June 21, 2017 at 11:43 am #337026

@tom - jep. correct.

the css from above did this job perfectly until latest update. now it kills the sticky too ...???

@leo - thanks, but seems way too complicated compared to how easy it was before ... :-)

June 21, 2017 at 2:03 pm #337111

The sticky navigation was completely overwritten (waaaay more efficient now).

Try this:

#site-navigation:not(.navigation-stick) {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

June 22, 2017 at 8:59 am #337424

thanks tom - works flawlessly. great.

jep, nav seems to be rewritten and indeed efficient as well as more 'fluid' - but at the moment more a bit more tricky to get behind...
having headaches to update one or two sites with nav-tweaks too :-)

June 22, 2017 at 9:45 am #337467

Sorry about that - shouldn't change again now, the code there now is solid and will be there for the long haul :)

This archived topic is closed to new replies.

Start building better websites today.