Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 5, 2017 at 3:26 pm #885096
    jonrouse

    Hi,
    How do I now change the size at which the mobile menu kicks in?

    I used to use a media query below, but it doesn’t work since the burger menu changes earlier in the year.

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

    Ideally, I would like to to kick in at 1210px wide – the client has a big logo.

    Thanks

    • This topic was modified 7 years ago by jonrouse.
    December 5, 2017 at 3:34 pm #885102
    jonrouse

    Hi,
    I found the code I should be using on another thread, but…

    
@media only screen and (max-width: 1210px) {
.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li.menu-item {
    display: none;
}}

    but I the text in the burger menu is very small now, can you help!?

    December 6, 2017 at 8:31 am #885426
    Rikard

    Hi,

    Thanks for the link though your site is not loading at all on my end, could you check please?

    Best regards,
    Rikard

    December 6, 2017 at 11:05 am #885487
    jonrouse

    Thanks for getting back to me. Enfold has changed a bit since I last built a site using it, I think I found what I need in the Advanced settings.

    December 6, 2017 at 1:04 pm #885562
    Victoria

    Hi jonrouse,

    Looks like you got it working! Great job! :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    December 6, 2017 at 4:00 pm #885618
    jonrouse

    Yes, thanks Victoria. Enfold keeps changing, and I found the advanced settings to make the text in the burger menu bigger.

    Thanks so much :)

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