Multy Browser Compatibility?

Discussion in 'BlackBird WordPress Theme' started by ashybaby87, Jan 11, 2013.

?

Does anybody else have this issue?

  1. Yes

    100.0%
  2. No

    0 vote(s)
    0.0%
Thread Status:
Not open for further replies.
  1. ashybaby87

    ashybaby87 Member

    Joined:
    Dec 31, 2012
    Messages:
    36
    Likes Received:
    0
    I use the pro version and I generally use firefox as my web browser. I was checking my web site from Internet explorer and noticed it doesn't look the same. Is there any coding to make it compatible? Or more compatible?

    Here's the differences I noticed:
    • On IE rather than circle featured images on the homepage they are squared.
      [​IMG][​IMG]
    • On IE my screen appears smaller - for instance on firefox my 5 newest blog posts span nicely across the page and on firefox it gets cut off (see image)
      [​IMG]
      [​IMG]

    • In the header where I added on some social icons, firefox displays fine, but IE actually makes one I took out the code for appear as a broken image and cut off (see image)
      [​IMG]
      How it's supposed to appear

      [​IMG]How it appears on IE (the red line actually was part of the menu in the screen shot so ignore that part)

    http://www.closetsamples.com
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    1.For your first issue

    IE does not support Css3 therefore it is not possible to make feature image round in IE browsers.

    2.For your second issue.

    Go to header.php present in your theme directory and add the code given below

    Code:
    <!--[if IE 7]>
    <style>
    .feature-post .feature-box {
    margin-right:10px;}
    </style>
    <![endif]-->
    <!--[if IE 8]>
    <style>
    .feature-post .feature-box {
    margin-right:10px;}
    }
    </style>
    <![endif]-->
    <!--[if lte IE 9]>
    <style>
    .feature-post .feature-box {
    margin-right:10px;}
    </style>
    <![endif]-->
    Sending image for reference

    [​IMG]


    3.For your third issue

    Please check your customization and decrease width of icon .
     
  3. ashybaby87

    ashybaby87 Member

    Joined:
    Dec 31, 2012
    Messages:
    36
    Likes Received:
    0
    It worked! Thanks so much!
     
Thread Status:
Not open for further replies.

Share This Page