Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 26, 2015 at 9:01 am #542910
    wonderlandmarketing

    I haven’t had this issue before.

    So when I shrink the window size….

    but before the site goes into the mobile menu mode – the main menu overlaps with the Logo. I haven’t managed to fix this in the settings, and I’ve never had this issue before when I used Enfold.

    What can I do to fix this?

    Please help.

    Thanks :-)

    Alicia

    November 26, 2015 at 9:44 am #542928
    wonderlandmarketing

    I have tried the other CSS solutions suggested on here –

    This one worked for s.o. else – but on my site does something else unfortunately, it shrinks the size of the main menu in relation to the window size altogether…

    @media only screen and (max-width: 1140px) and (min-width: 990px) {
    .av-main-nav > li > a { padding: 0 10px !important; }

    Please. Help.

    November 26, 2015 at 2:25 pm #543132
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

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

    Best regards,
    Rikard

    November 28, 2015 at 3:44 am #543909
    wonderlandmarketing

    Yippie. It works :)

    Thanks so much!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Scaling Issue – Menu overlaps with Logo when I shrink window size – what to do?’ is closed to new replies.