Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 16, 2017 at 12:29 pm #864779
    Steffen

    Hi,

    when the mobile menu is openend, the search icon and the X icon for closing the mobile menu are overlapping the menu items, when I open a submenu item and scroll down. Is it possible to fix the icons on top or to put a white bar behind the scrolling icons?

    Kind regards!

    October 17, 2017 at 4:30 am #865082
    Rikard

    Hey Steffen,

    Thanks for the link, though I couldn’t see the error you are describing on my end. Could you post a screenshot of the problem please? You can upload to a service like dropbox or google drive and then link to it here.

    Best regards,
    Rikard

    October 17, 2017 at 8:42 am #865183
    Steffen

    Hi Rikard,

    I attached the image of the issue to the private content area.

    Thanks and kind regards!

    October 19, 2017 at 5:59 am #866076
    Ismael

    Hi,

    Thank you for the screenshot. However, I can’t see the issue when I checked the page. Is this fixed? Please make sure that you’re using the latest version of the theme which is 4.1.2.

    Best regards,
    Ismael

    October 25, 2017 at 12:58 pm #868692
    Steffen

    Hi,

    I’m using the newest Enfold version 4.2 and the issue still exists. In the mobile menu the closing and the search icon overlap the menu items, if the submenu is opened and I scroll down. Is there a CSS code to fix the icons or to put a background to the icons?

    Kind regards

    • This reply was modified 7 years, 1 month ago by Steffen.
    October 26, 2017 at 8:00 am #869112
    Ismael

    Hi,

    I can see the issue now. It only happens when the screen width is less than 320px. What if you set a different logo on mobile devices, one with only the red mushroom image and without the text? This thread may help.

    // https://kriesi.at/support/topic/mobile-logo-not-on-tablet/

    You can also decrease the width of the logo but it will look a little bit too small.

    @media only screen and (max-width: 767px) {
    .responsive .logo img {;
        height: 50px !important;
    }
}

    Best regards,
    Ismael

    October 27, 2017 at 1:06 pm #869535
    Steffen

    Hi,

    I think, that you don’t get my problem right ;-) My problem isn’t the logo. I would like to know if it’s possible to unstick the search and closing icons when I opened the mobile menu (see the attached image). When I open a submenu item and scroll down, the icons overlay the menu items. Is there a way to unstick the icons or put a background color to it?

    Kind regards

    October 28, 2017 at 4:32 pm #869956
    Ismael

    Hi,

    I see. Unfortunately, that’s not possible at the moment but you can adjust the position of the search and close button when the mobile menu is active.

    @media only screen and (max-width: 767px) {
  .av-burger-overlay-active.responsive #top .av-logo-container .avia-menu {
      left: -150px;
  }

  .av-burger-overlay-active.responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
    background: #ffffff;
  }
}

    Best regards,
    Ismael

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