Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #515521

    Hi,

    Having trouble with menu view on Mobile with the Enfold theme.

    It’s happening on devices that have installed the latest IOS update for iPhone as well as Nokia and other devices.

    Issue #1 – If all top level and sub menus are displayed they are overlapping each other like this (see attached image)

    Issue #2 – If you opt to not display all the sub menus on mobile they still overlap once you click on the arrow. That’s if you can get the arrow to dropdown and not automatically click through (See image)

    Issue #3 – since the IOS update all menu arrows on all Enfold sites viewed in mobile are appearing as the arrow emoji rather than the standard theme arrow triangle.

    Thanks.

    image1

    image2

    #515538

    I’m having this same issue.

    #515978

    Hey!

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

    #mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
    content: "\25BA";
    }

    Cheers!
    Yigit

    #516052

    This did not work for me.

    Thanks

    #516082

    Hi!

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    #516089

    I copied as is:

    #mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
    content: “\25BA”;
    }

    Thanks

    Screen Shot

    #516138

    Hello, thanks for the info but unfortunately the problems are still occurring. Is there another solution?

    #516428

    Hi!

    Do you guys mind creating a temporary admin login and posting it here privately?


    @dkoy1
    Since @joey13 is the OP, he would be able to see your private content. If you would like to avoid that, please start a new thread :)

    Best regards,
    Yigit

    #516679
    #517085

    Hi again, please find login details below.

    If you could also let me know how this was fixed that would be great, as we have a number of other sites where the same thing is happening.

    If all else fails please provide the code to remove the arrow at the front of the mobile menu links.

    Joey

    #517945

    Hi!

    you are using an old version of WordPress and the theme. Please upgrade both (Enfold v3.3.2. is the newest theme version).

    Regards,
    Andy

    #518463

    Hi, I’ve updated everything and the error is still occurring. The menu items are sitting on top of each other all wonky.

    #518801

    Hi!

    You had following code in style.css file of your child theme

    .sub-menu {
        margin-top: -60px !important;
    }

    I changed it to

    @media only screen and (min-width: 990px) {
    .sub-menu {
        margin-top: -60px !important;
    }}

    Please review your website now


    @dkoy1
    Already replied to your thread :)

    Cheers!
    Yigit

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