Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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-4

    Didn’t solve the problem. WP and Enfold are updated to the latest release.
    Can anyone help?

    Cheers
    Mirko

    #523898

    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

    #523948

    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)

    #524311

    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

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