Please check if this site has cross browser compatibility

Community Forums Forums General Discussion Please check if this site has cross browser compatibility

This topic is: not resolved

This topic contains 9 replies, has 2 voices, and was last updated by  Herman 8 months, 1 week ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #95461

    Herman
    Participant
    Post count: 91

    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/
    #95465

    Davinder Singh Kainth
    Participant
    Post count: 1364

    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;
    }
    
    }

    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #95483

    Herman
    Participant
    Post count: 91

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

    #95486

    Herman
    Participant
    Post count: 91

    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?

    #95609

    Davinder Singh Kainth
    Participant
    Post count: 1364

    Which IE version did you check?


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #95643

    Herman
    Participant
    Post count: 91

    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).

    #95776

    Davinder Singh Kainth
    Participant
    Post count: 1364

    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 ?


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #95795

    Herman
    Participant
    Post count: 91

    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

    #95920

    Davinder Singh Kainth
    Participant
    Post count: 1364

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

    http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

    http://webdesignerwall.com/tutorials/css-specific-for-internet-explorer

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


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #95937

    Herman
    Participant
    Post count: 91

    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.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.