Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #423722

    Hello,

    Recently my website has been showing up on mobile devices with the desktop menu as well as the mobile menu. I just want the mobile menu to appear but there doesn’t seem to be an option to disable the desktop menu on the mobile settings. Any help is greatly appreciated.

    #423820

    Hey joshblv!

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

    @media only screen and (max-width: 767px) {
    .fallback_menu .av-main-nav-wrap{
    display:none !important;
    }
    }

    Regards,
    Rikard

    #426824

    Hi Rikard,

    This didn’t fix it :(
    Any other suggestions? Thanks!

    #427269

    Hey!

    I checked the code again and it should work, do you have any caching plugins active? Please delete the cache and deactivate the plugin while testing if you do.

    Regards,
    Rikard

    #433253

    I have the same problem. On my iPhone 6 Plus, both the desktop menu and the mobile menu appear. I have tried adding the code which Rikard suggested (at reply #423820), but it does not work. I do not have any plugins running.

    Please help. Thanks!

    #433886

    Hi @pcglenn!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    #434152
    This reply has been marked as private.
    #434552

    Hey!

    Did you add any modifications in the theme? Please delete the entire enfold folder then replace it with a new one. There’s something wrong with the header markup.

    Best regards,
    Ismael

    #434959

    Please disregard this post and see the next one instead. Thanks.

    • This reply was modified 9 years, 7 months ago by pcglenn.
    #434977
    • I have completely uninstalled and reinstalled WordPress from cPanel to delete all database items.
    • I’ve downloaded a fresh copy of Enfold, and installed it using the WordPress theme installer.
    • I have no plugins running.
    • I have made no modifications to the theme.
    • The problem still persists. Please see the screenshot from my iPhone:

    Screenshot

    How can I get the desktop menu to stop displaying on mobile?

    Thanks in advance.

    #435589

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
    nav.main_menu {
      display: none;
    }}

    Best regards,
    Yigit

    #435738

    Yigit (#435589) this solution worked! Thank you, and thanks to Ismael and Rikard for their attention as well. Much appreciated!

    #435955

    Hey!

    You’re welcome, glad we could help.

    Regards,
    Rikard

    #436263

    Thanks for the solution!

    #436269

    Hey!

    You are welcome, we are always happy to help :)
    We will keep the thread for the OP, if you have any other questions or issues, please feel free to start a new thread.

    Cheers!
    Yigit

    #445176

    Hey guys- just want to say thanks for the consistent great support. I also had this issue but was able to solve it by searching through the forum.

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Desktop Menu Appears on Mobile’ is closed to new replies.