I have an owl.carousel on my website displaying testimonials. I didn't have any issues with this until about a month or two ago. I have no idea what happened that now I have this problem but i'll try to explain as best as I can.
I'm getting two different views of the carousel on the firefox and chrome. On firefox, it looks perfectly fine and displays correctly. On chrome how ever, it seems like after the browser cashes the page, the carousel decides to align all the text to the right (I know this is confusing so ill put picture in so you guys can see). The reason I say after it cashes the page is because, when I load the page with no cashe on chrome, it looks perfectly fine as it does on firefox, but as soon as I go to another page and then come back or refresh the page, the carousel all shifts to the right.
Here is what it looks like on chrome:
https://gyazo.com/2466dc69c470851122693d622975c018 --> Chrome
Here is also a link to the website for who ever that wants to read the code them selves (scroll down the home page and you will see the testimonials section):
http://ecocertificates.com.au
Any help would be greatly appreciated guys!
Thanks in advance :)
Related
I am having a weird issue and not been able to figure out what's causing this.
This is my web page for example https://modern-woodmen-sandbox.everfi-next-sandbox.net/student/dashboard/mwasandbox/3-5-grade-band/152?locale=en
It works fine on every browser other than Safari on Mac. The issue is, when I land on this page, it shows a blank screen. And if I click anywhere on the page, it renders some stuff but not all.
Like it shows this
And if I refresh the page, it loads the content fine and the way I expect.
Really appreciate your thoughts in this.
Thanks
It works fine on Chrome tho.
Make sure your 'Source Sans Pro' fonts are loading properly.
I am working on this site "http://tinyurl.com/joblnmd". On home page there'gif animation, I've used preload method to load images, its working on all major browsers expect safari on Mac.
Is this bug in safari or is there any hack?
New Post: I've looked at the site again and there doesn't seem to be any problems. The loading hourglass appears for a long time, but it eventually disappears and the main content of the page is visible. It might be best for your to provide a JSFiddle with just the area in question so that I, or someone else, can have a proper look and help you solve your problem.
Old Post: Maybe you need to update your browser. My Mac Safari appears to show everything perfectly. But I'll check again later tonight. The animation looks very nice.
So I've been working on a website, and the main focus of the site is a javascript-driven 3D carousel, and I got the code for the carousel from here: https://github.com/kaizouman/3dcarousel
I integrated the code into my site, and only modified the number of carousel items and the size of each item. I left the rest of the code untouched (demo.js and 3dcarousel.js). It works perfectly, but only most of the time. I've noticed that it'll work perfectly in Chrome about 90% of the time, in Safari about 80% of the time, and in Microsoft Edge & IE, it pretty much never works. When it doesn't work, it just loads each image individually. When it happens in Chrome, if I keep refreshing the page, it'll eventually work properly. Also interestingly, when I navigate to another page in Chrome and then hit the back button, the carousel will always fail to load.
Here's what it looks like in Microsoft Edge and also when it fails to load in Chrome:
And here's what it looks like when it loads properly:
I can't for the life of me begin to figure out why this is happening, does anyone have any idea? The website is located at http://lipocircuit.com/new.html.
WOW this was a simple fix, I just commented out the line that includes the prefixfree.min.js script, I guess that's outdated and not needed anymore. I feel dumb but I'll leave this up in case anyone else has this issue.
This is getting kinda weird.
I am designing a website and every time I refresh my site (localhost) in safari, google chrome, the elements move someplace else and when refresh back after a few times, it corrects and after refreshing again, the rendering is faulty again.
Do you guys have any idea?
One thing I notice is that when it renders faulty, the way it display the screen is not instant instead it starts on the upperleft, folding to the lower right like a curtain.
It works good in opera, firefox, IE.
Thanks!
EDIT:
I tried to ask my friend to load it in his computer and it looks like it is doing well on his side. It looks like a problem on my Computer. I'll go try the codes out myself in another computer and re-edit my post when I see the results. Thanks for the help guys!
does any of the html elements don't have a display property or width specified? Post the html markup and css for better understanding your problem.
Hi and thanks for looking into this.
I have a code I've been working on to add videos to my site. All videos are from youtube. Once a user has clicked on submit, a link becomes visible. When clicking on it the user can preview the video.
One week ago I used the following to achieve this:
$("#result").html('<a href="javascript:initPlayer(\'http://www.youtube.com/watch?v=kXhy7ZsiR50\')>Preview video</a><br>');
Everything worked fine. But today I was trying the script and the link doesn't appear anymore. The link works however fine if I do something like:
Preview video
Somewhere on the page.
I don't know why the call with jQuery doesn't work anymore. It worked fine when I was developing the website. I tried it on different browsers, but with the same result in the end.
Anyone any idea how to solve this? I'm starting to pull out my hair. :)
Thanks in advance.
This seems to work fine:
$("#result").html("<a href='javascript:initPlayer(\"http://www.youtube.com/watch?v=kXhy7ZsiR50\")'>Preview video</a><br>");
I think it's a double/single quotes problem. Everything is back to normal.