Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1360867

    Hi,

    How can include the search icon un mobile next to the burger icon?
    Thanks advance.

    BR,

    Antonio.

    #1360886

    Hey Antonio,

    This CSS is hiding it:

    @media only screen and (max-width: 1270px) {
    #top #header .av-main-nav > li.menu-item {
        display: none!important;
    }
    }

    Did you add that? If so, then please try to remove it again. If you should need further, then please include admin WordPress login details in private.

    Best regards,
    Rikard

    #1360914

    Hi Rikard,

    Ahhh you right. Many thanks!
    BR,

    Antonio

    #1360932

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1360943

    I Rikard,

    I review the css I have this code because it is the breakpoint between the regular menu and the burger.

    @media only screen and (max-width: 1270px) {
    #top #header .av-main-nav > li.menu-item {
    display: none!important;
    }
    #top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
    }
    }

    I would like set display: none; all the regular menu, except the search icon.
    Cold you help me?

    Thanks advance.

    BR,

    Antonio.

    #1360945

    Hi,

    Thanks for the update. So you want to remove all items from the burger menu? Or do you mean the desktop menu? I’m not sure what the point of that would be though, are you trying to activate the burger menu at an earlier point maybe?

    Best regards,
    Rikard

    #1360946

    Hi Rikard,

    At 1270px I remove the desktop menu and the burger appears. I got it with this css:

    @media only screen and (max-width: 1270px) {
    #top #header .av-main-nav > li.menu-item {
    display: none!important;
    }
    #top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
    }
    }

    I would like remove this line:
    #top #header .av-main-nav > li.menu-item {
    display: none!important;
    }
    and add new one that set display none all desktop menu except the search icon.
    Could you help me?
    Thanks advance,

    BR,

    Antonio.

    #1360974

    Hi,

    Thanks for the clarification. Please try this CSS instead, to activate the burger menu at an earlier point:

    @media only screen and (max-width: 1270px) {
      nav.main_menu {
        display: block !important;
      }
      #avia-menu .menu-item {
        display: none;
      }
      .av-burger-menu-main.menu-item-avia-special {
        display: block;
      }
    }
    

    Best regards,
    Rikard

    #1360984

    Hi Rikard,

    I have add the css but the search icon is not from 1270px to 767px.
    Many thanks,
    BR,

    Antonio.

    #1360997

    Hi,

    Thanks for the update. Please try this CSS instead:

    @media only screen and (max-width: 1270px) {
      nav.main_menu {
        display: block !important;
      }
      #avia-menu .menu-item {
        display: none;
      }
      .av-burger-menu-main.menu-item-avia-special, #avia-menu #menu-item-search {
        display: block;
      }
    }

    Best regards,
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.