-
AuthorPosts
-
October 23, 2015 at 3:15 pm #523894
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-4Didn’t solve the problem. WP and Enfold are updated to the latest release.
Can anyone help?Cheers
MirkoOctober 23, 2015 at 3:18 pm #523898Hi 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,
YigitOctober 23, 2015 at 4:11 pm #523948Thanks 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)
October 25, 2015 at 5:19 am #524311Hi!
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 -
AuthorPosts
- You must be logged in to reply to this topic.
