Welcome to everyone’s favorite dating show The Compatibility Test! You might think that your site is compatible to every laptop, tablet and phone on every browser, but have you ever tried it out yourself? This week we take a look at Libby’s website http://www.libbycardone.com and put it to the test.

I’ll admit that I’ve never given website compatibility much thought, but I’m almost embarrassed about that fact now. Of course my website will look different depending on what I’m looking at it on, why did I assume it would always look perfect?

Maybe it’s because normally my site does look pretty perfect. Below is my website on my normal browser (Chrome) on my laptop:

Looks pretty good if I do say so myself. The site is framed nicely, everything is readable and my only critique would be that my header image is a little large, but WordPress makes that the set size so I cannot change it. But this gave me false confidence. Because next I decided to see what my website looks like on my phone in Safari and… well…:

It’s embarrassing. I’m embarrassed. I’m not sure what’s worse the fact that only a few words of my first sentence is there or if its the fact that the picture of me is so large. My header photo is a normal size now but that’s about the only good thing my site has going for it here. Obviously my website isn’t as compatible as I thought it was and there is a serious problem in viewing if somebody is on their phone. Luckily not all hope is lost. Viewing my website on a tablet in FireFox you will see this:

Maybe there is some hope to save this failing relationship. Here my site has a normal sized header photo and font the only draw back is my twitter is missing. It’s possible my website and I weren’t as compatible as I originally thought, but I think there’s still a chance for us. I’m not ready to give up on this relationship and bringing these problems to light is the first step in fixing them.