Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 29, 2020 at 8:43 pm #1179556
    G4Design

    Hello
    One of my sites

    I am using this code to convert the main navigation menu to the mobile menu just before it overlaps the logo.

    @media only screen and (min-width: 768px) and (max-width: 1395px) {
    .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special, #menu-item-search {
    display: block;
    }
    }
    .av-main-nav > li > a {
    padding: 0 8px;
    }

    Unfortunately, I am also using the navigation menu widgets for the footer and so those menu items disappear in the footer because I am using .menu-item.

    Is there a way I can keep the footer menu so it doesn’t disappear and convert to mobile in th main menu?

    January 30, 2020 at 1:25 pm #1179849
    Nikko

    Hey G4Design,

    You can use #header .menu-item instead of just .menu-item.
    Let us know if this helps.

    Best regards,
    Nikko

    January 30, 2020 at 5:45 pm #1180035
    G4Design

    Awesome, that was what I was missing. Thanks so much for your help!

    Corey

    January 30, 2020 at 5:56 pm #1180042
    Yigit

    Hi,

    Glad Nikko could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Responsive menu issue / footer menu disappears.’ is closed to new replies.