Why is Jquery not being loaded correctly? - wordpress

I am so aggravated, and have spent hours trying to solve this compatibility issue. If anyone can help it would be very, very appreciated.
I am using Jdock to display a navigation at http://cailinshea.com/ - which works fine in Safari, Chrome, Firefox, and IE9 - but does not work in IE8.
I would really like to avoid having to create a second navigation for IE8, is there some way to get my navigation to work in IE8?

I think I resolved this by doing CSS browser testing and loading different styles accordingly.

Related

Flip Animation - CSS - Mobile Browsers

I created a Fiddle:
https://jsfiddle.net/6zkmg2cn/
I tried to add code but it wouldn't show the HTML from the fiddle?
This fiddle works fine on a PC, but the same fiddle on a mobile browser doesn't work.
As you will see, it just flips the "front" 180 degrees but never shows the "back"
any idea what I'm doing wrong?
or does anyone know a better way to use a "flipper" animation that works on mobile devices? I just want a basic "click this and it flips" animation.
EDIT:
I'm sorry, I should have added more information:
It turns out it does work on Android Chrome and Firefox, but where I am seeing it not work is iOS Chrome (56.0.2924.79) and iOS Safari (10.1.1 iOS) and iOS FireFox (6.1)
Obviously this is something I'm missing with a -webkit flag in CSS or something? The link in the comments that show what's its compatible with suggests it should be working with these browsers, so leads me to believe its my code. Sorry again.
it was:
-webkit-backface-visibility: hidden;
that I needed to add.
Thank you guys, your comments helped me to find this answer. I appreciate it.

Animate CSS Library & IE11

Has anyone ever run into an issue with css animations not firing in IE11 when using animate.css?
It works fine in Chrome, FF, etc.
http://staging.gnosys.com/welldecide/
I thought it may have had something to do with firing animations using owl carousels event handlers but that doesn't appear to be the case.
It also works fine in Edge.
Any insight would be greatly appreciated.

I have a graphic not lining up properly in IE 8 and IE 9 on a custom Wordpress Theme

I'm hoping someone can help me with a little glitch in IE8 and IE9 with a graphic background not lining up.
If you view this link in IE8 or IE9, you'll notice the "step" in the background. http://sager.hiringhook.com/
I'm working with a custom theme created specifically for this site. Everything looks good in Chrome and Firefox, IE is just being a thorn in my side.
If anyone has a simple fix, please share..before I lose my hair.
I looked for the step you mentioned but didn't see any difference in the site from Chrome to IE8. The logo shifts down along with the featured photo in compatibility mode but nothing else seems to change across browsers. Do you have a screenshot of what you see in IE? I would love to replicate and help you solve the issue.

I'm having trouble with Safari and CSS. How do I fix the issue without affecting Chrome?

I'm a beginner that just built a menu bar that changes the color of the webpage. It works perfectly in Chrome, Firefox, Opera, and IE. However, in Safari the 1st, 2nd, and 4th options are one pixel off when you hover over them. I was wondering how to fix this without messing up how the bar works in Chrome (because they both use Webkit right?).
This is the code for the webpage:
http://codepad.org/YrKz8Auy
And this is the code for the CSS:
http://codepad.org/pGnL5E5M
Any help or insight would be greatly appreciated!
You have a really complicated structure. Here's what your code could look like when simplified: http://jsfiddle.net/hCmrY/2/
Let me know if there are any Safari issues with it.

css rollover buttons- great in safari,and firefox/ ie but not chrome?

i've been trying out a bit of code posted to make image rollover buttons using only css,
this seems to work fine.
local testing showed no problems, IE, Firefox, safari all ok. even chrome displays as intended on the local version.
Once i move to a hosted test, IE, Firefox and Safari all display as intended but chrome offsets all the buttons right about 8-10 pixels.
here's the test page
http://www.fierysurprise.pwp.blueyonder.co.uk/bga/bgd.html
can anyone enlighten me as to what's happening?
site built in Kompozer
I assume you're referring to the squares under the "architectural design..." phrase.
I can't recreate this problem in Chrome v5.0.375.125.
What version of chrome are you using? Chrome tends to doggedly cache resources. Have you tried a cache refresh?
What version of Chrome are you using? I looked at your site in Chrome 5 and can't seem to tell a difference between any of the browsers you've mentioned.

Resources