Mobile Menu displaying under content

(@teckspeed)

Hi all,

I am checking over the mobile aspect of customizr and noticed my mobile menu displays under som,e content on this page: Here

Using a mobile phone the menu shows under the content. Is this a z value error or something else. Here is the css for that pages styling:

.currentManagement{
        z-index: -999999;
        position: relative;
	margin: 0 auto;
	margin-bottom: 5%;
	width: auto;
	height: auto;
	min-height: 220px;
	line-height: 120%;
	font-size: 15pt;
	color: black;
	border-left: 5px solid;
	border-left-color: #b20000;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-right: 5px solid;
	border-right-color: #001F5C;
	-webkit-box-shadow: 8px 6px 11px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    8px 6px 11px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         8px 6px 11px 0px rgba(50, 50, 50, 0.25);
	background: #fcfcfc;
	border-radius: .25em;
}

Thanks in advance,

TECK

Viewing 1 replies (of 1 total)

Rocco Aliberti
(@d4z_c0nf)

11 years, 4 months ago
Well, the real problem isn’t that .currentManagement, but its container, this:
```
/*used to wrap the boxes in a div for positioning*/
.wrap {
	position: relative;
	z-index: 9999;
	height: auto;
	width: 100%;
	text-align: center;
}
```
The reason why you have z-index: 9999; is?
If you change that to 99 is a problem?

Viewing 1 replies (of 1 total)

The topic ‘Mobile Menu displaying under content’ is closed to new replies.

Tags