Tagged: enfold, internet explorer, pixelated images, windows
-
AuthorPosts
-
September 9, 2015 at 12:24 pm #500336
Hi,
I’ve been working on the following site and have a few issues:// I’ve chosen “logo center / menu below” option. It looks good in all my browsers (macBook pro retina, all latest software, Safari, Firefox, Chrome)
I’ve also tested it on Windows 10 and IE 11 and it looks fine
–> When I test it on Windows 8 and IE11 the logo is kind of disappearing on the left hand side of the screen.Then I also have a second issue, which I personally cannot replicate, but my customers are saying (and the people they sent it too to look at), that all the images on the website are pixelated. These are:
// Logo in header
// welcome in footer
// Team photos in Who We Are
// Images in Blog PostsThank you so much already for your help.
- This topic was modified 9 years, 2 months ago by cd2s.
September 11, 2015 at 3:09 pm #501674Hi Corina!
Is IE zoom set to 100% and compatibility view turned off? I’m on Windows 10 as well and when checking in IE11 emulation mode the logo only changes position for me in IE8. It looks great in Edge.
Cheers!
Elliott- This reply was modified 9 years, 2 months ago by Elliott.
September 14, 2015 at 5:13 am #502451Hi Elliott
Thanks for getting back to me. Yes IE zoom is set to 100 and compatibility view is turned off. The logo disappears only on the home page once you start scrolling down the page.
I have below some screenshots for you.
The other quite big problem is that all imagery is pixelated in Windows 7, 8 and 10. IE 11 (see also attached screenshots). I already tried to upload in different resolutions and it didn’t change anything. They are all definitely big enough and should be crisp and clear (which they are in FF, Safari, Chrome on Mac).
Thank you so much for your help, appreciate it.
All the best,
CorinaSeptember 14, 2015 at 12:22 pm #502651Hey Corina!
Can you please try adding following code to Quick CSS in Enfold theme options under General Styling tab
.avia-msie .logo img { width: 100% !important; }
Regards,
YigitSeptember 16, 2015 at 7:08 am #503817Hi Yigit
That helpt with the logo sliding off to the side, but now it stretches the logo (or distorts it), once you start scrolling (only on the home page)…
Also could you please have a look at the second part of my question (all images being pixelated and also the fonts not being slightly pixelated and not rendered very nicely) all that in IE only (8,9,10,11).
Thanks so much & kindest Regards,
CorinaSeptember 16, 2015 at 2:46 pm #504141Hey!
It looks fine to me in Edge but IE11 is still looking weird. It must be some custom CSS your using.
I see you have the .logo a link set to a height of 45% when it should be something like 88px max-height. Go ahead and remove that, perhaps IE11 does not like it.
Cheers!
Elliott- This reply was modified 9 years, 2 months ago by Elliott.
September 17, 2015 at 1:15 am #504457Hi Elliott
Thanks for that, you are right. I added the 88px max-height and it works now… BUT… the logo is too big. So as soon as I start adjusting the max-height to less pixels, it starts doing the same thing (distorts the logo when scrolling).How can I make the logo smaller?
Then I still have the issue that all images (including the logos) are very pixelated in any IE version besides Edge (see my comments in the posts above)? Any idea why that is? I really have an issue as my clients and all their clients do not use IE Edge yet…
Thanks so much, Corina
September 17, 2015 at 4:21 pm #504945Hi!
Set your header size to a custom pixel height in Dashboard > Enfold > Header. The logo will use half of that height on mobile.
Not sure what your talking about images being pixellated. They look fine to me. Is there a certain page that is having issues?
Best regards,
ElliottSeptember 18, 2015 at 3:16 am #505196Hi Elliott
I’ve set the header to a custom pixel height. But I would like the logo to be a bit smaller whilst retaining the white space. On mobile the logo looks fine.
All images are pixelated (badly) on IE 11 but it is most obvious on the blog post (Das Einfamilienhaus) and on the portrait’s on Who We Are.
I can replicate it on my computer (macBook Pro Retina with Parallels, Windows 8 and IE 11) when I turn the “retina” off in windows. See screenshots: https://www.dropbox.com/sh/fzm78dq0wrtub1p/AABVYZbFw8wemIsjwAyFlLCZa?dl=0
The same happens under Windows 10 IE 11 (on my macbook, same settings as above).
This also seems to happen on PC with Windows 7, 8 and IE 11. I’ve had 6 people with these conditions telling me that all images look pixelated… The images are definitely good quality, so it’s not that.
So sorry & thanks for your help.
CorinaSeptember 18, 2015 at 4:27 pm #505649Hey!
Well as you can see with the screenshot I provided I am not seeing the problem. Have you actually viewed on a Windows computer? Go ahead and do that and take some screenshots so we can get a better idea of what’s going on. I viewed your dropbox link but it’s empty.
Cheers!
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.