Digital Pro

[asdweb]

What is the best way to allow the secondary navigation links (in the footer) to display in mobile responsive view? They show prominently until 800px and then disappear.

Any suggestions would be greatly appreciated.

---

Amy Susan Design.com @AmySusanDesign

[Brad Dalton]

You've got the mobile menu so they are hidden behind the hamgurger icon at 800px.

You can modify the CSS in the Media Queries to change this or remove the mobile menu from the footer.

---

Tutorials for StudioPress Themes.

[asdweb]

I'm not seeing where to remove the mobile menu from the footer.

Normally, I'm pretty savvy in finding what CSS to add or change to achieve desired effects, but this one has me stumped.

---

Amy Susan Design.com @AmySusanDesign

[craigsimpsonhere]

I'm also wondering how to keep the secondary navigation from disappearing. I can't find the command that's making it disappear below 800 pixels wide. Why doesn't it turn into a hamburger menu like the primary nav?

[asdweb]

This is what I did:

In the @media only screen and (max-width: 800px)

add this

.nav-secondary {
display: block !important;
}

This will keep the menu from disappearing below 800px.

---

Amy Susan Design.com @AmySusanDesign

[Brad Dalton]

You can add the class for the secondary nav t the jQuery.

---

Tutorials for StudioPress Themes.

[craigsimpsonhere]

Thanks. Wish I knew how to mirror the primary nav behavior in jQuery and make the secondary nav turn into a mobile menu instead of disappearing or staying there and going single column.

[Author]

Posts