I’ve made some progress trying to troubleshoot, this, but I haven’t fixed it totally.
If you open up the style.css, around line 1714, you start seeing entries for each of the social icons that look like this:
#menu-social li a[href*=”facebook.org”]::before, #menu-social li a[href*=”wordpress.com”]::before {
content: ‘\f082’;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
}
If you delete, display:block, it fixes the problem in chrome. Unfortunately, doing that breaks it in IE. So, I tried to set up a conditional stylesheet for IE. I can’t find where the stylesheets are called to put in a conditional statement, though. : /
In IE, the social links now work, but the grid layout for the site is no longer working.
https://www.greycanvas.com
Does anyone have an idea of what’s up here?