Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • August 14, 2018 at 12:10 pm #997046
    LFK

    Hi Support,
    Unfortunately, I realized that the Mobile Menu on my website is no longer working. It is enabled in the child theme, but it does not work. Unfortunately, I can not find the mistake.
    Thanks for any help

    Best regards,
    Markus

    August 14, 2018 at 12:48 pm #997053
    LFK

    Update:
    I’ve found some CSS code in style.css and removed it:

    @media only screen and (max-width: 1200px) {
nav.main_menu li { display: none  !important; }
nav.main_menu li.cart_dropdown_first, #advanced_menu_toggle { display: block !important; }
#advanced_menu_toggle { right:-50px }
}

    After clearing cache the mobile menu is back.

    I would still be grateful if someone checked the correct settings on my page.

    Best regards,
    Markus

    August 14, 2018 at 1:04 pm #997057
    LFK

    Update 2:
    the mobile menu is only visible on my desktop pc. On the phone or tablet, it is not displayed.

    August 14, 2018 at 1:23 pm #997062
    metafora29

    I have the same problem! Do I have to look for the CSS code you mention in style.css and remove it too? Or is there an easier way?

    I have Enfold installed as theme in several websites (all paid for individually), and in one of them the mobile menu works (enfold version 4.2) and in the others it does not (version 4.1.2). By the way, how come version 4.2 seems to be older than 4.1.2? I don’t dare to update the one with version 4.2, in case the drop down menu stops working on the mobile menu.

    August 14, 2018 at 1:38 pm #997070
    LFK

    Hi metafora29
    the CSS code i removed was an old snippet. After removing it the menu appears on my pc after decrase the Browser. But it works not on my tablet or phone.
    You mean that’s a general issue? I’m running 4.4.1

    August 14, 2018 at 1:40 pm #997073
    metafora29

    Sorry, I am not sure what you mean. I thought I was speaking to Ismael or some other technitian…

    August 14, 2018 at 2:05 pm #997082
    LFK

    Update 3:
    I put the code 

    .show_mobile_menu #mobile-advanced {
    display: block;
}

    in the Quick CSS section. Now the mobile menu is displayed in my phone and tablet in the head of the page.
    Unfortunately, everything looks out of place.

    • This reply was modified 5 years, 8 months ago by LFK.
    August 14, 2018 at 2:53 pm #997111
    LFK

    Update 4:
    I add the code:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
  width: 45% !important;
}
}

    in the Quick CSS section and now it seems okay on phone and tablet.
    Can someone check it please? i’m a code beginner ;-)

    August 14, 2018 at 2:58 pm #997118
    Dude

    Hi!

    Yes the code is correct – it will be applied if the screen width is 767px or lower.

    Cheers!
    Peter

    August 14, 2018 at 5:53 pm #997180
    LFK

    Thanks Peter!

    Mobile menu is working, but now there is another optical issue:

    If you point with the mouse on the menu theres now a red background displayed.
    I am sure that I have not set this intentionally when I was looking for the error with the mobile menu. . I put only for testingt the color of the mobile menu on red and set it later again on default. it is strange that exactly this color appears as a menu background. how can this be repaired? Have a look at it, please….

    Best regards,
    Markus

    August 14, 2018 at 6:13 pm #997198
    Victoria

    Hi Markus,

    Could you please clear the cache, check again and get back to us.

    I see only light blue color when I hover or click on the mobile menu items.

    Best regards,
    Victoria

    August 14, 2018 at 6:28 pm #997210
    LFK

    Hi Victoria,
    thank you for your message. I saved the configuration of the childtheme a few days ago and just re-imported it. I have emptied the cache and now everything seems to work again. The ability to backup the settings is great.
    I’m still not clear what happened there before.
    Could you please check again if everything is displayed correctly?

    Best regards,
    Markus

    August 15, 2018 at 10:32 am #997491
    Victoria

    Hi lackformkleber,

    Glad you got it working for you! :)

    I checked and I see light blue color, not red.

    On the desktop the menu links test gets bigger when hovered over, and the menu seems to jump. It is better to have only color change or underline to indicate hover and for the menu links not to jump or grow.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 15, 2018 at 11:36 am #997512
    LFK

    Hi Victoria,
    I immediately implemented your suggestions. Thank you very much for your help. What I do not understand, however, why do you see a light blue color for the mobile menu? Chrome displays them in black on my devices.

    Best regards,
    Markus

    August 15, 2018 at 4:31 pm #997592
    Victoria

    Hi Markus,

    They are black, when I click on them they get blue for a sec and then the page loads. The background color I mean.

    Best regards,
    Victoria

    • This reply was modified 5 years, 8 months ago by Victoria.
    August 15, 2018 at 8:11 pm #997662
    LFK

    Hi Victoria,
    thank you for your feedback.
    You can mark this thread as solved.
    Great forum, great support!

    Best regards,
    Markus

    August 16, 2018 at 6:30 am #997795
    Rikard

    Hi Markus,

    Great, glad Victoria could help you out :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘No Mobile Menu- URGENT….’ is closed to new replies.