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

    Hello, I have been trying with all your suggestions in your page but I can not solve it. The menu of my page is overlaping in tablets. I want mobile menu in all kind of tablets :

    Also, I have add some text in the “header”, and is also overlaping in tablets, How can I solve this?

    Thank you and regards, Carmen


    Hey carmen,
    Please include the url to the page in question so we can take a closer look. Can you also include a screenshot so we can compare with what we see.

    Best regards,


    Hello, web site is:

    Here you can see the screenshot:


    Hi carmentvaalba,

    The menu seems to break even at 1400px, it seems to be too long for the width of the container that you have.
    You might want to reorganize your menu structure or have a burger menu even on desktop.

    Best regards,


    Hello, I have already reduce the menu but still overlaps, any suggestions?
    Thank you, carmen


    Unfortunately you have a lot of long menu titles, perhaps try having your mobile menu show for larger screens until the main menu will fit across. For this Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 1465px) {
    .av-burger-menu-main { 
         display: block!important; 
    #top .av_mobile_menu_tablet .av-main-nav .menu-item {
         display: none!important;

    Best regards,


    Great! is working ok now!! thank you


    Glad we could help, we will close this now. Thanks for using Enfold.

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Menu overlaping in tablets’ is closed to new replies.