Mobile Menu has disappeared after CSS mods on the header / logo

canadianbooklady · Member · May 31, 2017 at 6:44 pm
Copy link

Add topic to favorites
Greetings;

I’m using the purchased “Natural” theme by Organic Themes. Recently I used Custom CSS code to increase the height of the main header and also the size of the logo. Since then, the mobile menu has disappeared. I can imagine this new custom code is interfering, and it might be as simple as it being behind the main header and logo now, hidden by it.

I’ve used the following code:
```
#logo {
	display: block;
	position: relative;
	line-height: 5;
	margin: 0;
	padding: 0;
	max-width: 100%;
	width: 100%;
}

.natural-no-header-text #logo img {
	max-height: 300px;
}
```
Any help in getting the mobile menu back would be superb! Being it’s gone, I’m finding it hard to inspect code to find it.

Cheers!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jun 1, 2017 at 4:21 am
Copy link
Hi, change this CSS rule in your custom CSS
```
.wf-active h1 {
	display:none;
}
```
to this.
```
.wf-active h1:not{.menu-toggle} {
	display:none;
}
```
The above excludes the menu toggle bar from that display: none rule.
canadianbooklady · Member · Jun 1, 2017 at 5:31 am
Copy link
Wonderful. Thanks so much, that did the trick!
thesacredpath · Member · Jun 1, 2017 at 9:58 pm
Copy link
Hooray and you are welcome!

No items found.