Tagged: menu arrows, mobile menu
Hi,
The mobile menu only is not displaying correctly, specifically the arrows that show in front of each menu item are not showing correctly. Instead of a red arrow it is displaying a strange white arrow in a square blue box. I use WPEngine as a host, and it displays correctly on the ‘staging’ site, but not on the ‘live’ site.
Please can you help?
Many thanks.
Hey morpho2014!
Does it look like this? https://kriesi.at/support/topic/mobile-menu-errors/#post-516089
Make sure Enfold is updated to the latest version, 3.4.2. I could not check it on your site.
Regards,
Elliott
Hey Elliott
Thanks for your quick response.
Yes – it looks just like that – but Enfold is updated to latest version.
What can we do?
Many thanks.
Hey!
can you please move the staging and deploy it as master, to the main site?
That will do fix the issue as it seems :-)
Best regards,
Basilis
Hey Basilis,
Thanks for your message. I have deployed to master from staging with WPEngine, but still have the problem?
Many thanks.
Hey!
Which version of the theme are you using? Please make sure that you are using the latest version 3.4.4 – http://kriesi.at/documentation/enfold/updating-your-theme-files/
Also, you can add following code to Quick CSS in Enfold theme options under General Styling tab
.responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before, #mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before { content: "\25BA"; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Regards,
Yigit