[Resolved] Secondary menu disappeared

[Santa]

Hello!
My secondary navigation can’t be seen anymore. I have added CSS that hides text in mobile, but it was working fine before. Now I can’t see both the text and the phone nr. How to fix it?

Thank you!

[David]

Hi there,

so you have the navigation set in the Top Bar?
Can you check that the top bar still contains the Nav widget and that the correct menu is assigned to it.

[Santa]

Hi!
Thank you for your answer! I checked that the menu items are in the secondary menu and they weren’t assigned to it, however, when on mobile I don’t want them to show as Menu, previously when on mobile I was able to hide the Serving… text and show only phone nr. on top of the menu and logo. How to achieve this?

Thank you!

[Leo]

Is this what you are looking for?
https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/

Let me know 🙂

[Santa]

Hello Leo! Thank you for your answer! For some reason, it is not hiding the text. I would like to show only the phone nr. in mobile. Would it be possible to also center the phone nr. in mobile?

[Leo]

Try this CSS:

@media (max-width: 768px) {
    .secondary-navigation .main-nav ul li.menu-item-2824 a {
        display: none;
    }
    .sf-menu>li.menu-item-float-right {
        float: none !important;
    }
    .secondary-navigation {
        text-align: center !important;
    }
}

Make sure to remove this CSS you’ve already added:

@media (max-width: 768px) {
    .secondary-navigation {
        text-align: right!important;
    }
}

[Santa]

Thank you so much! It is working. One more thing- is it possible to add phone icon in fron t of the phone nr.? How to do it?

Thank you!

[David]

Hi there,

i see you added an FA icon to the Label. Try this one instead:

<i class="fa fa-phone" aria-hidden="true"></i>

You have the 4.7 library loaded – use this site to find your icons:

https://fontawesome.com/v4.7.0/icon/phone

[Author]

Posts