[Resolved] Secondary menu disappeared

Home Forums Support Secondary menu disappeared

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #987592
    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!

    #987782
    David
    Staff
    Customer Support

    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.

    #987841
    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!

    #988133
    Leo
    Staff
    Customer Support
    #988519
    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?

    #989008
    Leo
    Staff
    Customer Support

    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;
        }
    }
    #989380
    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!

    #989832
    David
    Staff
    Customer Support

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.