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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts