Site logo

Archived topic

Off canvas broken after update

3 replies · Started by Roberto on March 23, 2023

Viewing posts 1–4 of 4

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!

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;
}

It worked perfectly, thank you so much!

No problem :)

This archived topic is closed to new replies.