Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 8, 2018 at 3:33 pm #1031293
    heiratenmitstil

    Hi
    another issue.
    a: Menu completely overlaps logo on medium screens if setting is “Menu Items for mobile: Activate only for Smartphones (browser width below 768px)”
    b: Menu overlaps logo for 30% on medium screens if setting is “Menu Items for mobile: Activate for Smartphones and Tablets (browser width below 990px)”

    1: menu has a normal size as many other websites too
    2: logo has the the recommended size of 340 x 156
    3: issue does not depend on slim or large header
    4: no customizations made that could cause this

    ??

    November 9, 2018 at 1:35 pm #1031646
    Rikard

    Hey heiratenmitstil,

    You can set a custom pixel value for the mobile menu to activate at, please try this in Quick CSS:

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

    Change the 1024 value to the value of your choice.

    Best regards,
    Rikard

    January 23, 2019 at 9:23 am #1057648
    Otakar

    Hello, i tried this solution too and it helped, but when having the nontransparent header, the menu dissapears. Can you help? https://www.screencast.com/t/dCvhJ0T11Nu

    January 23, 2019 at 6:14 pm #1057853
    Victoria

    Hi Otakar,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

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