-
Posts
-
My client has been going through the website http://www.theimplantcentre.com/wordpress on a PC (I only have a mac) and they have reported some strange things:
1. The layer slider on the homepage has a lot of just being white http://www.theimplantcentre.com/wordpress/wp-content/uploads/2014/06/image003.png
2. Some of the text (setup as a graphic) on the homepage banners isn’t displaying properly http://www.theimplantcentre.com/wordpress/wp-content/uploads/2014/06/image008.jpg
3. The round icons at the bottom of the homepage are stretched and are also showing their titles (neither happen on a Mac) http://www.theimplantcentre.com/wordpress/wp-content/uploads/2014/06/image006.jpg
4. The Treatments dropdown menu is forcing some sub headings to go onto two lines http://www.theimplantcentre.com/wordpress/wp-content/uploads/2014/06/image007.jpg This is something I’ve contacted you about before, we’ve reduced the length of most. Is it possible to extend the overall width of the dropdown panel?
Many thanks
Hi Rupert!
Thank you for visiting the support forum!
1.) The layer slider is showing fine on Chrome Windows 8 but the transition is a bit slow. Decrease the Slide delay for each slide.
2.) On what browser and OS is your client testing the website? It doesn’t look like that on our end. It looks good by the way.
3.) The round icons at the bottom looks fine too. This is what we see on Chrome Windows 8:
4.) What is the screen or monitor resolution of your client’s computer? The drop down looks good and we don’t see any reason why you have to extend it.
Regards,
IsmaelHi!
Oh I see. Please try to add the following on Quick CSS or custom.css. This is for the logo images right before the footer:
.avia-msie .slide-entry-excerpt img { max-height: 140px; height: 140px; }Try this to fix the layer slider images:
html * .ls-wp-container .ls-slide > *, body * .ls-wp-container .ls-slide > *, #ls-global * .ls-wp-container .ls-slide > * { -ms-interpolation-mode: bicubic; }And for the submenu container:
.avia-msie #top #header .avia_mega_div > .sub-menu { display: table; min-height: 238px; display: block; }Best regards,
IsmaelApparently that hasn’t resolved the two issues I’m afraid: http://www.theimplantcentre.com/wordpress/wp-content/uploads/2014/06/Home_DisplayIssues.jpg. Do they need to clear their cache on a PC, I don’t know how they work?
Plus also the image title is displaying which should be, it doesn’t on a mac.
I’ve come across a couple of other appearance issues when viewed on a PC using IE 8
http://www.theimplantcentre.com/wordpress/why-choose-us/our-professional-standards/
There should be two Care Quality Commission panels on the right of the screen. They are appearing on a Mac
http://www.theimplantcentre.com/wordpress/wp-content/uploads/2014/06/image001.jpghttp://www.theimplantcentre.com/wordpress/treatments/
The spacing between the 3 points should be nice and tight. It’s ok on a Mac but not a PC
http://www.theimplantcentre.com/wordpress/wp-content/uploads/2014/06/image004.jpgMany thanks
RupertFollowing your feedback #274907 I’ve tweaked the layerSlider and it’s improved the way it runs on a mac, but I’ve screen recorded it on a pc which can be viewed on youtube https://www.youtube.com/watch?v=1s9yKNOLsq0&feature=youtu.be
There are a number of issues that are only displaying on a PC:
– it takes 8-10 seconds to start playing which leaves the user with a plain white panel
– every time a png layer appears it’s in low res before it renders it as it should be
– the box of the implant tooth can be seen when it appears for the second timeAny ideas would be much appreciated.
Regards
RupertHi!
For this page: http://www.theimplantcentre.com/wordpress/why-choose-us/our-professional-standards/ , the code doesn’t show in IE at all. You’ll want/need to adjust the code there to support IE (whatever that might entail).
The minor spacing issue is just in how IE8 renders the html/css. The theme supports IE8 but there will be spacing differences, rendering differences and overall its a tolerable result but is definitely not going to be equal to any modern browser.
On my end for instance, using IE8 on Windows 7 I have no difference in the spacing because of how Windows, depending on the OS, renders IE differently.
IE8 is also notoriously bad at supporting transparent PNG images. If you or the client is experiencing rendering issues with them I would suggest switching to transparent gifs. The theme and LayerSlider have fallback code to help but if its not working for the client then not using them would be best (if IE8 support is the goal).
The loading time is computer/user depending.
In general also make sure that when viewing the site in IE that you are *not* looking at it in compatibility mode. It should be turned off by default but some users turn it on or have it set to be turned on.
Regards,
DevinMany thanks Devin,
Are transparent gifs as good a quality and should they resolve the rendering issue?
What do you mean by ‘compatibility mode’?
Hi!
No, pngs have a better quality than gifs. In general I’d recommend to use png but unfortunately older browser (like IE8) have problems with the transparency (alpha channel).
The compatibility mode is sometimes activated by default (button next the the browser/url bar) and tries to emulate a IE7 compatible website. This feature breaks any modern html5/CSS3 website completely. We try to force the browser to deactivate the compatibility mode with a meta tag in the head section.
Regards,
Peter
- You must be logged in to reply to this topic.