-
Posts
-
Hi
First off, A-M-A-Z-I-N-G theme… easily the best theme I’ve ever used, and I’ve used quite a few in my time!
Just about to launch a new site using Enfold and thought I should obviously check it in IE8 before I push the button…. number of issues I could do with some guidance on if poss (I HATE having to discuss IE):
1. Site width – I’m trying to use the 1210px wide layout, but IE8 refuses to play ball… keeps showing the narrower version and, rather frustratingly, the logo/partner element gets compressed together and ends up distorted. Even if I change to 1030px layout the partner logos mess up – can’t see this element in your demo site to see if the same occurs….
2. Logo issue – I tried this fix https://kriesi.at/support/topic/logo-issue-with-ie8-and-new-update/ but it didn’t work – maybe I did something wrong? Not sure what I’m doing wrong, but when you scroll down the page the logo doesn’t resize.
3. Icon backgrounds – they appear square, rather than round. I see this occurs on your demo site too – no fix for this I presume? Not the end of the world, but I thought I’d ask!I can supply a preview link (privately) if need be – any help would be greatly appreciated…. and keep up the good work!!
mdog
Hi!
1.) IE8 doesn’t support media queries so it will always show the 960px width version.
2.) Please add this on your custom.css or Quick CSS:
.header-scrolled .logo { height: 58px; }3.) IE8 doesn’t border radius, you need to this fix: http://stackoverflow.com/questions/4326363/using-css3pie-htc-for-border-radius-in-ie8
Cheers!
IsmaelHi Ismael
Many thanks – it’s almost as if Microsoft takes pride in making IE the worst browser in history.
No worries about the lack of media queries support, obviously not your fault! But the partner logos at the bottom of the homepage were still causing problems until I changed it to display to 3 columns. I even changed the dimensions of my images to the same as your demo, but still it was squeezing & distorting the images. Ideally I’d like this to display 6 columns, but it’s no biggie really.
I added that extra bit of CSS, but initially it didn’t work, but then I added img and it did the trick.
.header-scrolled .logo img { height: 58px; }I’ll leave the border radius thing – it’s time people upgraded from IE8 really…. to a TOTALLY DIFFERENT BROWSER NOT MADE BY MONKEYS RANDOMLY PRESSING KEYS ON A KEYBOARD :)
Cheers mate!
mdog
- The topic ‘Enfold IE8 (sorry!) problems…’ is closed to new replies.