-
AuthorPosts
-
October 8, 2015 at 1:31 am #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.
October 8, 2015 at 3:54 am #515538I’m having this same issue.
October 8, 2015 at 4:54 pm #515978Hey!
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!
YigitOctober 8, 2015 at 7:15 pm #516052This did not work for me.
Thanks
October 8, 2015 at 9:20 pm #516082Hi!
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Regards,
YigitOctober 8, 2015 at 9:53 pm #516089I 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
October 9, 2015 at 5:17 am #516138Hello, thanks for the info but unfortunately the problems are still occurring. Is there another solution?
October 9, 2015 at 1:35 pm #516428October 9, 2015 at 9:33 pm #516679I made a new thread – thnx!
October 12, 2015 at 12:59 am #517085Hi 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 #517945Hi!
you are using an old version of WordPress and the theme. Please upgrade both (Enfold v3.3.2. is the newest theme version).
Regards,
AndyOctober 14, 2015 at 2:05 am #518463Hi, 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 #518801Hi!
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 -
AuthorPosts
- You must be logged in to reply to this topic.