Mobile Nav

the way I fixed this was to create a new menu and assign it to the primary. I think if you leave the primary as the default install it has no menu name and then the mobile resize has nothing to display.

Problem then comes up, a giant grey box appears on the mobile site. I’ve gotten rid of this once, now working through it on my second site using Aldehyde. When I remember what I tweaked I’ll post again.

Please see my post above. OK to get rid of the big grey box I edited the slicknav in main.css — which of course is a no-no, you’re supposed to use a child theme or custom css but I could never figure that out. Anyway what I did was change

.slicknav_menu {
background: #eee;

to

.slicknav_menu {
background: none;

…and that gets rid of the grey box when you get your mobile menu working (create a new menu and assign as primary menu). Problem is there is then no back ground for the drop down menus, the words just float there. So you have to make sure your menu has some contrast to the header image.

Obviously this isn’t the right solution for that pesky grey box but it’s best I have for now.