[Jonathan]

On Catch Flames Pro my Primary Menu is not accessible on mobile (iPhone 5s) or when when resized small on a desktop monitor. I expect to see the square box with three lines to access the Primary menu like the Catch Flames Pro live preview, but it isn’t there.

My site is tidewatercanal.com

I tried disabling all plugins but it didn’t help. I’m using a child theme for some minor theme tweaks. Any suggestions?

Thanks!

[Sakin]

@Jonathan: It’s because you have following css in your custom css box:
#header-content { display: none; }

Also I don’t understand why you added in the following css:

@media screen and (min-width: 961px) {
}

Remove both the css and then you will get menu back. Further, if you don’t like header in the desktop version then you then you can add the following css instead.

#logo-wrap, #sidebar-header-right { display: none; }
@media screen and (min-width: 981px) {	
#header-content { padding: 0; }
}

[Jonathan]

Thanks Sakin. I removed #header-content { display: none; } and got the mobile menu to display. I guess I thought that the mobile menu should float on the page (like a fixed header). That’s fine, I can live with that.

Regarding the

@media screen and (min-width: 961px) {
}

I’m pretty sure I didn’t add that. The only place I could find it was in the parent theme catchflames-functions.php. I thought anything I added was in the child and I couldn’t find it there either. Is there something I’m missing?

Thanks for your help. I like your themes.

[Sakin]

@Jonathan: Sorry I have you one incorrect css. So, can you find the following css

@media screen and (min-width: 981px) {	
#header-content { padding: none; }
}

And then replace it with

@media screen and (min-width: 981px) {	
#header-content { padding: 0; }
}

[Author]

Posts