Please check if this site has cross browser compatibility

[Herman]

My client complained this site doesn't look good on Chrome and IE but looks fine on his tablet. Apparently the logo and contact info at the top is not aligned.

It looks fine on my old Dell computer when viewed in FF, Chrome, IE

Could you please check
I'm using executive pro

Thanks

http://www.jackcooperlaw.com/

[Davinder Singh Kainth]

In tablet / mobile view - logo appear in center (which is fine) but those address details under it are right aligned - you should center them for mobile view. In following section:

@media only screen and (max-width: 270px) {

    .header-image .site-title a {
        background-size: contain !important;
    }

    .site-title {
        font-size: 26px;
        font-size: 2.6rem;
    }

}

make this

@media only screen and (max-width: 270px) {

    .header-image .site-title a {
        background-size: contain !important;
    }

    .site-title {
        font-size: 26px;
        font-size: 2.6rem;
    }

   .site-header .widget-area {
	float: center !important;
        text-align: center !important;
	padding:5px;
}

}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Herman]

Thanks..does it look fine now for multiple resolutions, devices and browsers?

[Herman]

Looks terrible in IE (at 480, 768, 1024) when I test the site in http://www.studiopress.com/responsive/
Big gap between logo and contact info

Any way to fix this?

[Davinder Singh Kainth]

Which IE version did you check?

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Herman]

IE 8 on Windows XP and my client IE 8 on Windows 7
Let me know if you see the same and how to fix the alignment issues (if possible).

[Davinder Singh Kainth]

Checked in IE 9 - there is no big spacing as indicated by you. IE8 should not feature in website compatibility list though. Have you checked for the issue in IE9 ?

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Herman]

Thanks for checking...yes looks fine in IE9, 10, 11 if using Win 7
I guess my client is using IE 8 on Win 7 (I also have IE8 on XP).

Acc to http://www.w3schools.com/browsers/browsers_explorer.asp
most people who use IE use IE8 (3.1%)

Why do you say "IE8 should not feature in website compatibility list"

I'll recommend my client upgrade his browser on Win 7

[Davinder Singh Kainth]

Well, you can explore IE specific CSS router. Refer following resources:

How To Create an IE-Only Stylesheet

CSS Specific for Internet Explorer

http://www.impressivewebs.com/ie7-ie8-css-hacks/

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Herman]

Thanks for the great resources..I'll check if my client has upgraded his browser.
If not I'll need to implement one of these hacks.

[Author]

Posts