[Resolved] secondary menu not appearing in mobile

[drew]

AFter updating to 2.2.1, I noticed the secondary menu no longer appears at the top of my mobile display. Before the update, it appeared at the top, above the logo using the “Mobile Menu Label.”

I checked the documentation but didn’t see anything that looked different but is there something new to do in order to make sure it shows on mobile?

Many thanks,
Drew

[Tom]

When you use the mobile header, the regular header hides on mobile. Since your Secondary Nav is inside the header, it also disappears.

Try this CSS:

@media (max-width: 768px) {
    #masthead {
        display: block !important;
        opacity: 1;
    }

    .nav-float-right .inside-header .site-branding {
        display: none;
    }

    .inside-header {
        padding: 10px;
    }
}

[drew]

Gotcha and that makes sense, we don’t usually place the secondary header inside the header so it’s clear why that’s the case. I’ll keep that snippet on hand. Many thanks!

FYI, loving the new nav menu alignment settings. If you get to a point where they can also be applied to the secondary menu, that would be a fabulous addition!

Drew

[Tom]

The nav drop point option? Good idea 🙂

Thanks!

[drew]

too too, but I was referencing the new dropdown direction setting found on the primary nav menu: https://www.screencast.com/t/dZv1w3SQW

[Tom]

Ahh yes – we’ll definitely be adding that 🙂

[drew]

Good deal and thanks!

[Author]

Posts