Off Canvas Panel: change design

[Matthias]

Hey!

Just want to say big thank you for this wonderful theme. Works just fast and everything is super simple… Thanks!

1) Is there a way to set “center center” the off canvas panel navigation menu?

2) Is there a way to set off “scroll content while stay in off canvas panel navigation menu”?

3) Is there a way to click any where else than out navigation menu points in off canvas panel to get back to site (close off canvas panel)

4) How to hide the canvas panel “X”?

5) Off canvas panel: how to set the background opacity?

Many thanks!

[David]

Hi there,

glad to hear you’re enjoying the theme.

1. this CSS:

.slideout-navigation.main-navigation {
    display: flex;
    align-items: center;
}

#generate-slideout-menu .inside-navigation {
    padding-top: 0;
}

2. Unfortunately not – its something we have not been able to find a compatible solution for.

3. Not with the overlay style – you would need to use the Slideout option which we may be able to style similarly to the overlay. If you want to try that then don’t do #1 and set the off canvas to slideout and ill see what we can do.

4. Can do it with CSS if we were to follow step 3.

5. With the Overlay style you set it in Customizer > Colors > Off Canvas

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

[Matthias]

Nice! Thank you, David!

[David]

You’re welcome

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

[Author]

Posts