Nivoslider fade animation not working in Chrome - google-chrome

I had configured nivoslider banner for
http://my-architect.com.au/index.html
It is set to only show fade effect. I have tested it. It works fine in all browsers except Chrome. Please help me to fix this issue as i could not find any help on internet. I have used this plugin several time before and never had this kind of problem.

Related

Webpage loses functionality on Safari but is fine on Chrome

Can someone help me understand why certain things aren't working on safari but do on chrome?
These are apparent on both mobile and desktop.
So here is the website I'm currently working on: http://stage.coefficientlabs.com.s3.amazonaws.com/index.html
Problems:
1. The hero video plays smoothly on Chrome but not on Safari.
2. (main issue) Once the "Get Started" button is clicked, a modal appears. All the styling and content seemingly hidden(?) on Safari but not on Chrome.
Any idea what is going on here?
Thank you!
Turns out the issue was "overflow: hidden". I think is a known difference for Safari in general.

Chrome content/footer white spaces bug

I am developing website and have a strange bug that appears only on Chrome. I have a latest Chrome version and as I googled it seems to be old bug on older versions of Chrome(v18 - v20). Basically what happens: browser loads page, but on the bottom of the screen I have white spaces/rectangles instead of content or footer. Once I hover it - the rest of the content is loaded. Any ideas, links or solutions would be great.
I tried to work with this around with setting height to auto, but this didn't help. Also tried to load page in incognito to make sure it is not caused by any of the extensions I use, but this as well had no affect in resolving the issue.
Another solution that I think of is to set interval to re-trigger CSS in some milliseconds the page is loaded, but this is not the best solution and there should definitely be some other, more optimal, way to solve this.
P.S.:
All other browsers work like a charm.
Thanks in advance for the help.
In my case issue was with fade-in animation set on whole content. As website owner decided to skip the animation to save time. No further digging was done.

Strange safari rendering issues, and low performance on other browsers

I'm in the middle of development of a website, however I cannot work out what is causing this plethora of issues.
In Safari on OS X (7.0.6 on 10.9.4), random elements will disappear and reappear and hovering over the drop down menu, or a button, they suddenly re-appear. It is very strange and erratic.
In Chrome (v36.0.1985.143) and Firefox (v31.0) the scrolling performance is poor, but no rendering issue.
All onscroll events are clean. I've tried tweaking with just about everything and gotten nowhere.
If anybody can work this out, I'll be greatly appreciative.
Thanks in advance.
I don't see any scrolling performance issue on chrome or firefox, but I noticed Safari rendering glitches.
When you force reflow, all your sections are displaying again. Try to add a backface-visibility:hidden; on your .section class.
Edit:
Your #background-area is fixed and doesn't have any z-index. Put it to z-index: -1; to keep it in the back.

Nivo slider stops in second slider on Chrome

This is the site: http://hugsforkids.com.au/
The homepage slider occasionally stops in the second slider. This doesn't happen every time, but it happens quiet often.
The slider works on firefox, safari. Just has issue on Chrome. This is very wield, there is no js error.
Does anyone know what's going on with this slider and chrome?
Site was made by opencart 1.5.1, it is a sefault Nivo slider.
Many Thanks
Never faced this kind of problem before.
May be you can try this
http://doctype.com/does-my-nivo-slideshow-transition-stop-working-after-second-slide

Why is this layout broken in Chrome?

This site: http://www.whsc.ie/ uses a jquery lightbox style plugin which seems to be breaking the layout in Google's Chrome Browser. When viewed in Chrome, the header of the site is about 30 pixels taller than it should be.
When inspecting the source elements it appears to be caused by some hidden elements that are used by the colorbox jQuery plugin.
I've tried everything I can think of to figure this out and fix the problem but to no avail.
Many thanks in advance.
My Bad!
It seems it's actually a Wordpress bug that only appears when a user is logged in. I kept seeing it on the browsers on my own machine because they were all logged in, but when I went to a different machine the bug wasn't visble.
Thanks for the replies though, much appreciated.