Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1111650

    Hi,
    I have a lot of overlapping links on my mobile menu, mostly on english version, on italian version the menu overlaps only if I open the second level menu.
    This is my site: http://www.know-how.it/

    Thank you,
    Anita

    #1111872

    Hi Anita,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    #1112016

    Hi Rikard,
    I’ve placed the CSS and purged the cache but nothing happens…

    Thanks/ Regards,
    Anita

    #1112049

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also clear the cache a few times over.

    Best regards,
    Jordan Shannon

    #1112052

    It is the only CSS that I have. I’ve purged the cache three times but nothing.

    Regards,
    Anita

    #1112192

    Hi Anita,

    The CSS is applying fine on my end, please clear your browser cache and reload or check in a different browser.

    Best regards,
    Rikard

    #1112292

    Hi Rikard,
    these are the two screenshots of what is happening on mobile devices, I’ve tested it on 5 different devices (some of them were never on this site, so no history) and the result is the same:
    menu mobile device english language
    menu mobile italian language

    Regards,
    Anita

    #1112617

    Hi Anita,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media screen only and (max-width: 767px) {
        #top .main_menu ul:first-child > li {
             height: auto;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1112858

    Hi Victoria,
    on italian language now the menu is ok but on english version it still has the same overlapping problem.

    Waiting for your answer.
    Regards,
    Anita

    #1113001

    Hi,

    This cant be a problem because the code that Vicky is sharing should work on both versions.

    Best regards,
    Basilis

    #1113197

    Hi Basilis,
    this answer is not very helpful as I’ve tried everything to find the problem.
    Can you analyse better the issue?

    Thanks,
    Anita

    #1113464

    Hi Anita,

    Thanks for the update and the screenshot. Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #1113555

    Hi Rikard,
    thank you very much.
    Here are the credentials.

    Regards,
    Anita

    #1113784

    Hi Anita,

    Thanks for that. I think this problem is caused by your caching plugin in some way, I cleared the cache from it and after that your mobile menu displays as it should. Please see private.

    Best regards,
    Rikard

    #1113851

    Hi Rikard,
    thank you very much. I was also clearing my browser cache but it wasn’t working. Now everything is ok.

    Thank you.
    Regards,
    Anita

    #1114161

    Hi Anita,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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