Hide Secondary Nav Menu on Mobile in Foodie Pro

[senordeer]

Hello! On this site:

Home

I have installed a Sticky Menu as the secondary nav menu. My problem is, I would like to hide this menu on mobile themes. In the mobile CSS I have
.nav-secondary {
display: none;
}

and this hides the dropdown menu, but the hamburger menu placeholder and top and bottom border still appear on mobile. I want to hide this as well. Theme is Foodie Pro, I just get confused with mobile CSS bc can't use Firebug on mobile so I can't figure out what to hide so the secondary hamburger menu and borders do not appear. Thanks in advance!

http://thedowntownplush.com

[Christoph]

Hi,

there is no need to use Firebug.
You can use the Inspector Tools in your Browser (Firefox: Inspect Element; Chrome: Inspect)
and toggle a "mobile view" mode.

But in this case, it won't help.

You have to edit general.js in /assets/js/

Around line 108 you will find:
$navs = $( 'nav' );

change that to
$navs = $( '.nav-primary' );

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[senordeer]

Christoph, you are seriously the best, not only for the Mobile View tip on Chrome Inspector (I never knew) but that change worked perfectly. I would have been stuck fooling with the CSS forever, thank you again!

[kysmet4e]

This one really helped me a lot. Thanks for the reply, Christoph 🙂

[Author]

Posts