[Resolved] Off canvas broken after update

[Roberto]

Hi,
I’ve just updated GeneratePress (3.3.0) and GenerateBlocks Pro (1.5.2), and now the off canvas panel is always open, covering page content, and it can’t be closed, as you can see here.
How can I solve this?

This is some CSS code added to the website:

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a {
	color: var(--accent);
	border: 3px;
	border-style: solid;
	line-height: 36px;
	border-radius: 8px;
	margin-left: 20px;
	transition: all 0.6s ease 0s;
}

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a:hover {
	background-color: var(--accent-2);
	color: var(--base-3);
  border-color: var(--accent-2);
	border-radius: 8px;
}
/* Centratura Menu Off Canvas */
nav#generate-slideout-menu {
    display: flex;
    align-items: center;
}
@media (max-width: 768px) {
    #generate-slideout-menu.do-overlay .slideout-exit {
        position: fixed;}
}

Thanks!

[Ying]

Hi there,

It’s this CSS keeps the off canvas menu open by default:

/* Centratura Menu Off Canvas */
nav#generate-slideout-menu {
    display: flex;
    align-items: center;
}

Try changing it to:

.slide-opened nav#generate-slideout-menu {
    display: flex;
    align-items: center;
}

[Roberto]

It worked perfectly, thank you so much!

[Ying]

No problem 🙂

[Author]

Posts