Folder image on sidebar changed between browers

  • Resolved herreraj

    (@herreraj)


    9 years, 11 months ago

    Hello,

    I’m working on a website for a group of researchers. The site includes a left-bar menu. At the top of this menu are two icons. One is an icon for menu, the other is a folder icon–at least, this is how the appear in Safari. In Chrome, the appear as two grey boxes, and in other browsers they appear as semicolons. Any ideas as to what is happening here?

    Thank you for your help.

    The website can be found here: https://bps.stanford.edu

Viewing 1 replies (of 1 total)

  • It looks like your browser is having a hard time loading the FontAwesome fonts. When I inspect the site using Chrome DevTools, I get the following error from the console:

    Font from origin ‘https://web.stanford.edu’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://bps.stanford.edu’ is therefore not allowed access.

    What I would do is change this line in your header:

    <link rel='stylesheet' id='editor-font-awesome-css-css'  href='https://web.stanford.edu/group/bps/cgi-bin/wordpress/wp-content/themes/editor.1.1.2/editor/inc/fontawesome/font-awesome.css?ver=4.1.0' type='text/css' media='screen' />

    To this:

    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

    See this page for more information on using FontAwesome.

Viewing 1 replies (of 1 total)
  • The topic ‘Folder image on sidebar changed between browers’ is closed to new replies.

Tags