Home-3 off-canvas menu caret lags when closing closing menu

cemsdb

When the Home-3 off-canvas menu closes and moves back off-screen, the menu carets take an extra one to two seconds to disappear (gradually, first its round background, then its arrows).

How does one make the carrets disappear the moment the menu closes, and not a few seconds afterwards?

phinb

Hi @cemsdb

This error occurs when you increase the width of the offcanvas.
You can add the following style code:

@media (min-width: 992px) {
	.offcanvas-cw div.t4-offcanvas.c-offcanvas--left {
		-webkit-transform: translate3d(-525px,0,0);
		transform: translate3d(-525px,0,0);
	}

	.offcanvas-cw div.t4-offcanvas.c-offcanvas--left.is-open {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

I have updated it in the custom.css file for you. Kindly check 🙂

cemsdb

phinb Hi Phinb, thanks for helping. Alas, the code you provided doesn't seem to have any effect as the offcanvas menu still has the same lagging effect.

Are you sure '.offcanvas-cw div.t4-offcanvas.c-offcanvas--left' is the right code?

While experimenting on the browser's Dev Tools I temporarily used '.c-offcanvas--left' instead and it seemed to have a more visible effect. Even so, I suppose your code might be more specific/proper (if it worked).

saguaros

cemsdb Could you try to clear your browser's caches? I just updated a bit so above code can be applied to mobile view as well.

cemsdb

saguaros Thank you Saguaros, that worked great!