sticky header - with logo and both navs - possible?

oh i resorted to !important and the logo appears.... :)

I see :) Glad it's working now!

ok. i lied. i don't know how to get that very top second nav off the screen without pushing it away with some negative px css. if i hide #secondary-navigation they both go away.....

eta: right now it shows twice in a flash on load...

but i'm so close now... thanks for your help!

argh and now when i scroll the logo still shrinks. despite the matching sizes in the customizer and my css.

1. To solve the loading 2 secondary navigation issue, can you go to customizer > layout > secondary navigation, select the no navigation for navigation location?

2. The reason of the logo shrinking issue is there's a default top padding added to the sticky logo, try edit your CSS:

@media (min-width: 769px) {
.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 150px!important;
    width: auto;
    bottom: -30px;
    margin-top: 40px;
}
} 

to this:

@media (min-width: 769px){
.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 150px!important;
    width: auto;
    bottom: -30px;
    margin-top: 40px;
    padding-top: 0 !important;
}
}

so many moving bits! lol.... it is now working as i'd hoped. thank you.

i REALLY appreciate you guys!

whoops forgot to mark resolved. :) hopefully i won't be back about this nav.

Haha no worries, just come back if anything unexpected happen again :P