[Support request] Side nav like yotube desktop

[keiron]

I am wondering if it is possible to have a side navigation similar to that of Youtube’s desktop menu which is present when the youtube homepage loads but can be retracted using the toggle above. If you look at my site i would prefer to keep the current navigation the same but try and utilise a menu like this as well.

[David]

Hi there,

yes, there is the Slideout Navigation (Off Canvas Panel):

https://docs.generatepress.com/article/activating-slide-out-navigation/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[keiron]

good stuff, and how would i get it to appear to the left of the logo…. (float: left !imprtant) only adds it to the right of the logo….

[David]

Something like this:

@media (min-width: 768px) {
    .inside-navigation {
        position: relative;
    }

    .main-navigation .navigation-logo {
        margin-left: 100px !important;
    }

    .slideout-toggle {
        position: absolute !important;
        left: 0;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts