Navigation Search inline with Menu Toggle

Hi there,

woorkup.com is simply using the site header which you've removed with this CSS:

.site-header {
    display: none;
}

You can try hiding it on desktop only:

@media (min-width: 769px) {
    .site-header {
        display: none;
    }
}

https://docs.generatepress.com/article/responsive-display/

Let me know if this helps :)

Awesome!

Thanks, Leo. :)

One more question- is there any way to hide navigation logo on mobile?

Try this additional CSS as well:

@media (max-width: 768px) {
    .site-logo.navigation-logo {
        display: none;
    }
    .menu-logo .main-navigation:not(.mobile-header-navigation) .menu-toggle {
        float: left;
    }
}

Let me know :)

Ah, thanks Leo!

Works like a charm! :)

No problem :)