Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #635211

    When visiting a site from certain devices (e.g. an ipad with 1024×768 display resolution) the main menu and site logo overlap.
    How can I prevent this from happening?
    Here is a screenshot of the page on which the overlapping occurs:

    The site affected is:


    Hi @GiorgioAldeghi;
    you may find an answer in this topic



    Thank you @begrafiks for sharing the tip :)

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 1280px) {
    nav.main_menu {display:none !important;}
    #advanced_menu_toggle, #advanced_menu_hide {display:block !important; }

    Best regards,


    Thanks Vinay, your solution completely solved the issue.



    Great, glad we could help :-)


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