Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 11, 2017 at 9:21 pm #819627
    mattcoomber1

    Hi

    I had added the following code `@media only screen and (max-width: 1024px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}` so that the mobile menu activated sooner but since the latest update, the menu just disappears. If I delete the code the menu re appears but I get overlapping of the logo and menu. Is there any way of fixing this?

    Thanks

    July 11, 2017 at 11:24 pm #819699
    Nikko

    Hey mattcoomber1,

    Can you post a link to your site? so we can take a closer look. You can put it on private content if you only want moderators to see it.

    Best regards,
    Nikko

    July 11, 2017 at 11:31 pm #819705
    mattcoomber1

    Hi, link added. I have removed the code temporarily as it meant I had no mobile menu at all. The issue is most noticeable on iPad mini.

    Kind regards

    Matt

    July 12, 2017 at 6:52 am #819816
    Rikard

    Hi Matt,

    Did you select the mobile menu to be shown for tablets as well in the Menu Items for mobile option under Enfold->Main Menu?

    Best regards,
    Rikard

    July 12, 2017 at 10:11 am #819896
    mattcoomber1

    Hi, yes I did.

    July 12, 2017 at 6:48 pm #820171
    mattcoomber1

    Hi, I managed to get this working by using the following code. This ticket can be closed.

    Thanks

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

    July 14, 2017 at 4:45 pm #821266
    Yigit

    Hi,

    Glad you figured it out!

    For future reference – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    Best regards,
    Yigit

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