Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 10, 2018 at 4:59 pm #939940
    navindesigns

    There seems to be a range of window sizes where the top menu words can not be seen, and the three lines (hamburger menu) also don’t appear. Is it possible to make three lines (hamburger menu) appear as soon as the top menu words disappear? Screen shot below of a window size with no menu navigation as example.

    https://ibb.co/gripgc

    My site – http://staging.wsmsnyc.org.s167849.gridserver.com

    April 11, 2018 at 6:50 am #940210
    Nikko

    Hey navindesigns,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:1200px) {
  .responsive #top .av-main-nav li {
    display: none !important;
  }

  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block !important;
  }
}

    Let us know if this helps :)

    Best regards,
    Nikko

    April 12, 2018 at 1:35 am #940725
    navindesigns

    Unfortunately that did not work.

    I am providing my wordpress login if you would like to test it

    April 13, 2018 at 3:50 am #941225
    Rikard

    Hi,

    It looks like you have this in Quick CSS, please try to remove it:

    @media only screen and (max-width: 1024px) {
nav.main_menu {
    display: none;
}
}

    Best regards,
    Rikard

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