I really like the Magazino theme and am using it for a number of sites I have designed (using child themes).
However, I've recently noticed that Internet Explorer displays it very differently from how it looks in Firefox or Chrome. I've set it up so that it looks good in both Firefox & Chrome, but when I view it in IE, the design looks very bizarre.
For example, on this site (http://forms.nipissingu.ca) the social media icons are blank (the boxes are there but the icons themselves aren't visible) and they're also getting pushed down below where they should be (they should be in line with the header banner).
On a different site (http://experience.nipissingu.ca/) using another child version of this theme, the main nav menu background colour isn't visible - the nav links still rollover onmouseover, but you can't see the nav bar for some reason. Also, the footer section seems like it's been compressed (i.e. there's padding above the footer links, but there's no padding below the footer links where there should be). If you compare the site in IE vs FF/Chrome you'll see what I mean.
Is there a fix for things like this? Or can I modify my stylesheet somehow to fix these issues in IE specifically? If so, which elements and attributes would I need to use? Thanks in advance for any help!