Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 19, 2016 at 2:36 pm #635211
    GiorgioAldeghi

    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: http://www.sevencom.it

    May 19, 2016 at 3:25 pm #635250
    begrafiks

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

    May 20, 2016 at 4:30 am #635669
    Vinay

    Hi,

    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,
    Vinay

    May 20, 2016 at 2:14 pm #635896
    GiorgioAldeghi

    Thanks Vinay, your solution completely solved the issue.

    May 23, 2016 at 5:06 am #636525
    Rikard

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

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