Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 17, 2016 at 11:13 pm #634075
    melzar

    Hi Guys,

    I found some other tickets about this problem and tried all of the fixes, including the one here:

    problem with menu overlapping logo, menu disappears

    And it’s almost working now! The only thing I’m still noticing is that though my navigation now no longer overlaps the menu, the social links in the header are now overlapping into the section below (see screenshot) – and if you squish the browser window even more, it will then wrap “News” on the right into the section below, too.

    Here is the CSS I’m using:

    nav.main_menu {
    width: 70%;}

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 8px;
    line-height: 30px !important;
    height: 30px !important;}}

    Thank you!

    May 18, 2016 at 12:10 pm #634347
    Rikard

    Hey melzar,

    Looks like you need to activate the mobile menu a bit earlier, try this in Quick CSS:

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

    Best regards,
    Rikard

    May 18, 2016 at 6:20 pm #634704
    melzar

    That works – thanks so much!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Menu overlapping logo’ is closed to new replies.