Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 31, 2016 at 6:19 pm #680257
    ckonanz

    Hi there,

    I have added this code as per a suggestion on your site to fix the behaviour of the menu when using lower resolutions:

    @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;
    }

    The issue I have now is that when viewing on a browser, the menu appears “open” on the right side of the screen, past the edge of the main layout. Is there a simple way to ensure that the menu is closed when viewing on a desktop at lower resolutions?

    Menu Behaviour

    September 2, 2016 at 6:13 am #681125
    Rikard

    Hey Chris,

    Please try the following instead: 

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

    Regards,
    Rikard

    September 2, 2016 at 3:53 pm #681336
    ckonanz

    That did it – thanks very much :)

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