Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 12, 2016 at 7:04 am #631166
    pantoni

    HI guys

    When reducing the browser width on this site, the top menu starts to overlap the logo before switching to mobile menu. I’ve tried adding the 2 code suggestions from another thread to the Child theme but no luck (individually and together);

    ———————————————————————————–
    @media only screen and (max-width: 1100px) {
    .av-main-nav > li > a { padding: 0 7px; }
    }
    ———————————————————————————–
    @media only screen and (max-width: 1024px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}
    #wrap_all {
    position: relative !important;
    }
    ———————————————————————————–

    May 13, 2016 at 4:44 am #631769
    Rikard

    Hey pantoni,

    Try this instead: 

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

    Thanks,
    Rikard

    May 13, 2016 at 9:13 am #631931
    pantoni

    Thanks Rikard – that worked perfect.

    cheers

    May 15, 2016 at 7:34 am #632458
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

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