Archived topic

Off-canvas slide menu staggered when closing, but smooth on opening

4 replies · Started by Greg on February 22, 2023

Viewing posts 1–5 of 5

February 22, 2023 at 6:42 am #2542545

Hi guys,

I'm using the off-canvas menu, but I've noticed it has a smooth slide from the right on opening, but appears to get stuck/lag when closing. It stops around half way for a very brief pause then finishes closing.

I can't find out what's causing it, any ideas?

I'm using a child theme with the latest GP theme (3.2.4), GP Premium (2.2.2) & GB Pro (1.5.0).
URL shared in the private info section.

Thanks,
Greg

February 22, 2023 at 8:31 am #2542851

Sorry, since found a solution to this one:
https://generatepress.com/forums/topic/off-canvas-panel-width/#post-1043740

Thanks,
Greg

February 22, 2023 at 9:27 am #2542913

Glad to hear that!

March 23, 2023 at 4:07 am #2578491

Edit: Found a solution, if anyone else needs it...

I had the following custom CSS from a post by David on another thread. All I needed to add was '--gp-slideout-width: 500px!important;' to the root, to override the default width (which is where my off-canvas panel was stopping briefly on closing the menu).

/* desktop width */
:root {
    --slideout-width: 500px;
    --gp-slideout-width: 500px!important;
}
/* small device width */
@media(max-width: 768px) {
    :root {
        --slideout-width: 100%;
    }
}

#generate-slideout-menu.main-navigation.offside {
    width: var(--slideout-width);
}

#generate-slideout-menu.main-navigation.offside--left {
    left: calc(-1 * var(--slideout-width));
}

#generate-slideout-menu.main-navigation.offside--left.is-open {
    transform: translate3d(var(--slideout-width), 0, 0);
}

March 23, 2023 at 8:51 am #2579003

Glad to see you found that of use :)

This archived topic is closed to new replies.

Start building better websites today.