Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 8, 2015 at 1:31 am #515521
    joey13

    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

    October 8, 2015 at 3:54 am #515538
    Dkoy1

    I’m having this same issue.

    October 8, 2015 at 4:54 pm #515978
    Yigit

    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

    October 8, 2015 at 7:15 pm #516052
    Dkoy1

    This did not work for me.

    Thanks

    October 8, 2015 at 9:20 pm #516082
    Yigit

    Hi!

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

    Regards,
    Yigit

    October 8, 2015 at 9:53 pm #516089
    Dkoy1

    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

    October 9, 2015 at 5:17 am #516138
    joey13

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

    October 9, 2015 at 1:35 pm #516428
    Yigit

    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

    October 9, 2015 at 9:33 pm #516679
    Dkoy1

    I made a new thread – thnx!

    https://kriesi.at/support/topic/mobile-menu-errors-2/

    October 12, 2015 at 12:59 am #517085
    joey13

    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

    October 13, 2015 at 10:43 am #517945
    Andy

    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

    October 14, 2015 at 2:05 am #518463
    joey13

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

    October 14, 2015 at 4:55 pm #518801
    Yigit

    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

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