Home/ Questions/Q 8701763
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T02:28:48+00:00

I cannot figure out why Safari/Mobile Safari is ignoring a line of code that

  • 0

I cannot figure out why Safari/Mobile Safari is ignoring a line of code that uses Modernizr’s .generatedcontent rule to hide icons using icomoon. You can view the live site at http://importbible.com/ the icons are on the footer of the page. The browser renders perfectly on Chrome. Did some more testing, Safari 5.1.2 fails while Safari 6.0.1 works. iPad running 4.3 fails. The line in question is:

.generatedcontent .icon-gplus, .generatedcontent .icon-facebook, .generatedcontent .icon-twitter, .generatedcontent .icon-feed, .generatedcontent .icon-youtube, .generatedcontent .icon-flickr, .generatedcontent .icon-deviantart, .generatedcontent .icon-tumblr, .generatedcontent .icon-share, .generatedcontent .icon-tag, .generatedcontent .icon-home, .generatedcontent .icon-news, .generatedcontent .icon-cart, .generatedcontent .icon-cart, .generatedcontent .icon-basket, .generatedcontent .icon-mail, .generatedcontent .icon-clock, .generatedcontent .icon-forward, .generatedcontent .icon-replay, .generatedcontent .icon-chat, .generatedcontent .icon-refresh, .generatedcontent .icon-magnifier, .generatedcontent .icon-zoomin, .generatedcontent .icon-expand, .generatedcontent .icon-cog, .generatedcontent .icon-trash, .generatedcontent .icon-list, .generatedcontent .icon-grid, .generatedcontent .icon-download, .generatedcontent .icon-globe, .generatedcontent .icon-link, .generatedcontent .icon-attachment, .generatedcontent .icon-eye, .generatedcontent .icon-star_empty, .generatedcontent .icon-star_half, .generatedcontent .icon-star, .generatedcontent .icon-heart, .generatedcontent .icon-thumb, .generatedcontent .icon-cancel, .generatedcontent .icon-left, .generatedcontent .icon-right {
display: none !important;
}

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Throwing this out there as a debugging option, if nothing else.
    Have you tried using a wildcard for .icons?

    [class*='icon-'] { display:none !important }

    or

    [class^='icon-'] { display:none !important }

    EDIT:
    Friday your page was timing out, so I couldn’t view it. Today I’m getting the following errors (Safari 5.1.2/MAC):

    1. XMLHttpRequest cannot load
      http://static.ak.fbcdn.net/rsrc.php/v2/yy/r/5SjacuFVbni.js. Origin
      http://www.facebook.com is not allowed by
      Access-Control-Allow-Origin. oauth
    2. Failed to load resource: the
      server responded with a status of 407 (Proxy Authentication
      Required) //This is probably on my end.

    And I’m seeing 6 icons under “Connect”.

    I have no problem browsing to the URL in error line #1 directly (Safari or Chrome).

    • 0