Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 4, 2019 at 8:42 pm #1107261
    sensiblekaren

    Currently using the left menu on a desktop and tablets.

    It takes up too much sapce on tablets so would like to use the burger menu…

    Use this css but it has not worked. And also selected to use burger menu on tablets and phones not working either.

    @media only screen and (max-width: 1024px) {
    nav.main_menu {
    display: block !important;
    }
    #avia-menu .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special {
    display: block;
    }
    }

    Site below.

    June 4, 2019 at 10:57 pm #1107295
    Jordan Shannon

    Hey sensiblekaren,

    To activate the burger for any custom screen width, update the max-width value in the below code. It is recommended to set the max-width value to be of the screen width just before the elements like the menu starts to run into the logo.

    /* Activate burger menu */
 @media only screen and (max-width: 1224px) {
#top #header .av-main-nav > li.menu-item  {
    display: none!important;
}
#top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
}}

    Best regards,
    Jordan Shannon

    June 6, 2019 at 12:20 pm #1107911
    sensiblekaren

    Thank you but this seems to change the left column menu into a burger menu. I was after making the menu in the top right of the header like on a mobile device – as having the left column menu on a tablet squases the content to the right too much on the pages where we are displaying events.

    June 10, 2019 at 12:45 pm #1108804
    Ismael

    Hi,

    Thanks for the update.

    The css code in the following threads should help adjust the header/sidebar breakpoint.

    // https://kriesi.at/support/topic/changing-global-breakpoint-didnt-work/#post-1102885
    // https://kriesi.at/support/topic/change-media-break-to-activate-burger-menu-in-enfold-photography/#post-1085626

    Best regards,
    Ismael

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