Hello,
the entypo-fontello Icons behave strangely on the iPhone 6 on our site:
http:// http://www.cop-morrien.de
It seems they get replaced by the OS-Icons.
I’ve already added the cross domain and mime type fix from this solution:
https://kriesi.at/support/topic/social-icons-fontello-not-working-in-firefox-enfold-2-5-4
Didn’t solve the problem. WP and Enfold are updated to the latest release.
Can anyone help?
Cheers
Mirko
Hi visualpro!
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";
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Regards,
Yigit
Thanks Yigit,
the solution works. There is only one problem left: The triangle looks stretched on the iPhone and the iOS Simulator. I don’t know what causes this issue.
BTW: how can I determine the necessary content-numbers for the entypo icon-font (eg. \25BA)
Hi!
It actually doesn’t look good on Windows 7 desktop. Please remove the icon font modification then replace it with this:
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
content: "";
width: 0;
height: 0;
border-bottom: 3px solid transparent;
border-top: 3px solid transparent;
border-left: 5px solid #2f2f2f;
font-size: 0;
line-height: 0;
top: 20px;
}
You can find the character map here: http://web.archive.org/web/20140912210715/http://entypo.com/characters/
Regards,
Ismael