Two Off Canvas Panels

Hi there,

for #1)

We can do it with custom CSS. Can you specify how you want it laid out? Perhaps a mockup image?

For #2)

Tom has been trying to do something like this but it's not possible at the moment.

We'll make sure to announce and include it on release notes for newer versions if it's up.

For #3)

You can do this with hooks.

Check David's suggestion here - https://generatepress.com/forums/topic/insert-search-form-above-inside-the-off-canvas-menu/#post-1523533

Noted with thanks!

as for 1) https://prnt.sc/12m6ozs

Hi there,

try adding this CSS:

/* Move toggle left and reduce left right padding */
#mobile-header .menu-toggle {
    order: -1 !important;
    padding: 0 10px;
}
/* Reduce margin between toggle and logo */
.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
    margin-left: 1px;
}

Thanks but the off panel is now sliding from the right - can it be move to the left as well?

also in some pages the logo is squeezed :

You can change the Off Canvas Panels slide in direction in Customizer > Layout > Off Canvas Panel

I got that thanks.

Any ways to move the x close button to far top right?

Also did you notice the squeezed logo beside hamburger?

Hi there,

Any ways to move the x close button to far top right?

body .slideout-navigation button.slideout-exit {
    text-align: right;
}

Also did you notice the squeezed logo beside hamburger?

#mobile-header .site-logo.mobile-header-logo img {
    padding: 0;
}