Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 3, 2019 at 2:46 am #1144324
    honkatech

    Hi,

    Im having an issue with our site when it gets resized/set to half screen with resolution 1024×768, Everything is responsive, but the header/company logo in the top left overlaps our top menu on the right side. If my visitors come and see the site, it is difficult for me to continue visiting the site.

    I found this code, but there is not anything I put it in Quick Css and Theme/Enfold/css/custom css, but the problem continue:

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

    Thanks so much!

    • This topic was modified 4 years, 11 months ago by honkatech.
    October 4, 2019 at 5:23 am #1144855
    Rikard

    Hey honkatech,

    Please try this instead:

    @media only screen and (max-width: 1230px) {
  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

    October 9, 2019 at 1:32 am #1146317
    honkatech

    Hi,

    I put it in Quick Css and Theme/Enfold/css/custom css,

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

    but the problem continue,
    the header/company logo in the top left overlaps our top menu on the right side.

    October 9, 2019 at 8:24 am #1146413
    Rikard

    Hi,

    It works on my end.

    Best regards,
    Rikard

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