Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #864779

    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!

    #865082

    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

    #865183

    Hi Rikard,

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

    Thanks and kind regards!

    #866076

    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

    #868692

    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 6 years, 5 months ago by Steffen.
    #869112

    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

    #869535

    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

    #869956

    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

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