Sub-Menus are hidden behind the sidebar′s widgets

Hi,

Same here. Any advice how to fix this?

Thanks a lot for this great theme! Would love to keep it…

Thx
Huettenwirt

Também tive o mesmo problema. A solu??o que dei foi usar página inicial com com as postagens do blog.

Is there a way to fix this using z-index?
Any advice from the developers how to fix the issue of sub-menus hidden behind the sidebar?

Thx a lot!

I think I fixed it:

You need to change z-index in two places of Oria’s style.css

.main-navigation {
	clear: both;
	display: block;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.15);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	position: relative;
        z-index: 14;
}

.widget-area {
	position: fixed;
	background-color: #fff;
	width: 360px;
	height: 100%;
	padding: 30px;
	top: 0;
	left: -360px;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	overflow-y: auto;
        z-index: 13;
}

The changed z-index puts the navigation in front of the sidebar.

Cheers,
Tobias

Quick update:

I think I messed up the mobile menu with my previous post. For me it worked to change the z-index for the widget area from 99 to 10 as shown below.

/* Patch to get submenus on top of widget area */
.widget-area {
	position: fixed;
	background-color: #fff;
	width: 360px;
	height: 100%;
	padding: 30px;
	top: 0;
	left: -360px;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	overflow-y: auto;
	z-index: 10;
}

Cheers

Pra mim n?o adiantou isso.. continuo com o problema.
Estou usando carrousel para o menu n?o alcan?ar a sidebar. ??

For me it did not work .. I continue with the problem.
I’m using carrousel for the menu does not reach the sidebar. ??

Actually fix is working , please clear your browser cache and force clean page reload with key sequence ctl + f5

hi..

with the solution from “huettenwirt” you can get also problems.
if you change the “site branding logo” to -left- and not center, the logo will see on the left widget menu (slide out on full width theme).
try this in your customer css:

/* Patch to get submenus on top of widget area */
.main-navigation {
z-index: 11;
}
.widget-area {
z-index: 10;
}
.widget-area-visible {
z-index: 12;
}

greets
andreas

Hi Andreas,

thanks for the update! I am not using a site branding logo. So this wasn’t tested by me.

I updated the style.css of my child-theme and I can confirm that it works (including correct menu in mobile mode).

Thx again and best regards,
Huettenwirt