Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 11, 2017 at 9:15 pm #863022
    vegasft

    Hello,

    I have the menu settings with the main menu on the left side. However, we would like the hamburger menu activated with a screen size up to 1367 pixels. Is this possible?

    Example link in private message.

    Thank you!

    October 11, 2017 at 11:24 pm #863061
    Jordan Shannon

    Hey vegasft,

    So you would like the mobile menu to display sooner, and appear on the left?

    Best regards,
    Jordan Shannon

    October 11, 2017 at 11:44 pm #863073
    vegasft

    Hello, my current setting is to have the left menu instead of the top menu. I would like the logo and burger at the very top and remove the sidebar at 1367 pixels and not at 990 pixels.

    October 13, 2017 at 10:57 am #863843
    Ismael

    Hi,

    This is possible but the elements’ may not respond or resize properly. You can start with the following css modifications.

    @media only screen and (max-width: 1366px) {
  .responsive #top #wrap_all .container {
      width: 85%;
      max-width: 85%;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0;
      float: none;
  }

  .responsive #top #wrap_all #header {
      position: relative;
      width: 100%;
      float: none;
      height: auto;
      margin: 0 !important;
      opacity: 1;
      min-height: 0;
  }

  .responsive #top .av-main-nav .menu-item {
      display: none;
  }

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

  .responsive.html_header_sidebar #header .av-main-nav > li {
      margin: 0 10%;
  }

  .responsive #top #wrap_all .main_menu {
      top: 0;
      height: 80px;
      left: auto;
      right: 0;
      display: block;
      position: absolute;
  }

  .responsive.html_header_sidebar #main {
      border: none;
  }

  .html_cart_at_menu.html_header_sidebar #header_main .avia-menu {
      margin-top: 0;
  }

  .responsive #top #main {
      padding-top: 0 !important;
      margin: 0;
  }

  .responsive #top .logo {
      position: static;
      display: table;
      height: 80px !important;
      float: none;
      padding: 0;
      border: none;
      width: 80%;
  }

  .responsive .logo img {
      height: auto !important;
      width: auto;
      max-width: 100%;
      display: block;
      max-height: 80px;
  }
}

    Best regards,
    Ismael

    October 13, 2017 at 5:53 pm #864072
    vegasft

    Thank you. I had to make a couple more tweaks but was able to make it work.

    Thanks!

    !!!!!!!!!!!!!!!!!!!!!!!

    Sorry, one more question. Because we are having the burger menu so wide, is it possible to have the main menu at the top until 990pxls?

    • This reply was modified 7 years, 2 months ago by vegasft.
    October 13, 2017 at 6:44 pm #864085
    Jordan Shannon

    Hi,

    I’m glad you were able get this configured correctly. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enable burger menu with left side menu’ is closed to new replies.