Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 5, 2018 at 1:22 pm #993674
    hybridE4t

    Hello,

    You kindly fixed an issue I had with my menu disappearing when switching from full size to mobile view – the main menu was fine, it was just the mobile menu that refused to appear when required, leaving me with no menu on smartphone sized screens.

    All sorted thankfully : https://kriesi.at/support/topic/mobile-burger-menu-disappeared-after-enfold-upgrade/

    As my menu is quite long, it starts overlapping the logo pretty quickly if I reduce the window size on desktop. Therefore I’m hoping to switch use of the mobile menu earlier to include the tablet option i.e.
    Theme options > Mobile Menu > General > Menu items for mobile:
    Current setting: Activate only for smartphones
    Desired setting: Activate for Smartphones and Tablets

    Unfortunately selecting this setting brings back my original issue. I’ve tried replacing 768 with 990 in the new code you gave me but unfortunately it doesn’t seem quite so simple to adapt. I’m assuming it’s something to that effect though. Would you be able to look or suggest what I might tweak?

    August 6, 2018 at 5:46 am #993791
    Rikard

    Hey hybridE4t,

    Did you try the code Victoria posted in your other thread?

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

    That should activate the mobile menu for tablet sizes and down.

    Best regards,
    Rikard

    August 12, 2018 at 3:12 pm #996446
    hybridE4t

    Unfortunately I haven’t had much luck fixing this.

    I’ve switched baclk to the option of enabling mobile menu for both mobile & tablet and reduced the spacing between menu items to reduce the width of the menu (with otherwise ends up overlapping the logo). I’ve also added the code you referrenced above into custom.css but I still have the issue of the mobile burger menu not being visible when activated.

    August 13, 2018 at 4:28 am #996523
    Mike

    Hi,
    I took a look at your site and added this code in the General Styling > Quick CSS field to enable the mobile menu:

    @media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, .responsive.html_mobile_menu_tablet #header_main_alternate {
    display: block !important; 
}
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    August 13, 2018 at 6:49 am #996542
    hybridE4t

    Fantastic – looks like this works. I will test fully this evening. Thank you!

    August 13, 2018 at 10:41 am #996612
    Yigit

    Hi,

    We will keep the thread open and wait to hear from you :)

    Best regards,
    Yigit

    August 13, 2018 at 1:05 pm #996649
    hybridE4t

    Tested. All sorted thanks!

    August 13, 2018 at 1:06 pm #996650
    hybridE4t

    PS: Thanks for the super efficient & hands-on support. You guys are amazing.

    August 13, 2018 at 1:40 pm #996668
    Yigit

    Hi,

    Great!
    You are welcome, we are always happy to help :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Switching mobile menu toggle from 768px to 990px breaks whether it appears’ is closed to new replies.