Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 29, 2021 at 10:10 am #1313193
    dondela

    Dear support,
    i change from desktop to mobile-menu with the following code. But around 950px the mobile menu appears on the left side instead of the right side. How can i avoid this?

    /* Activate burger menu */
 @media only screen and (max-width: 1200px) {
#top #header .av-main-nav > li.menu-item  {
    display: none!important;
}
#top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
}}
    August 1, 2021 at 6:54 am #1313664
    Rikard

    Hey dondela,

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

    @media only screen and (min-width: 990px) and (max-width: 1200px) {
#header_main_alternate {
  display: none; 
}
.html_header_top .av_bottom_nav_header .av-logo-container .main_menu {
    display: block;
    left: auto;
    right: 0;
}
}

    Best regards,
    Rikard

    August 1, 2021 at 9:45 am #1313681
    dondela

    Hey Rikard,
    thanks for your help. I tried this code, but now mobile-menu is underneath the Logo and on the left side instead of the right side. (Screenshot)

    August 2, 2021 at 11:09 am #1313875
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (min-width: 990px) and (max-width: 1200px) {
.html_header_top #top .av_menu_left .main_menu {
    left: auto;
    right: 0;
}
}

    Best regards,
    Rikard

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