WordPress.org

Support

Support » Themes and Templates » Social icons not displaying correctly in IE

Social icons not displaying correctly in IE

Viewing 15 replies - 1 through 15 (of 19 total)
  • Without seeing the site/code, it won’t be easy to find what is the exactly problem.

    It’s in a hidden mode right now. What code would you need to view? It’s not visible by the public yet, but I can copy and paste any code that might need to be edited.

    If you can enable it temporarily to be publicly viewable then it will be easier to debug.

    Would it be possible to have it viewable for just a period of time so someone could take a look, and then I could switch it back?

    Sure you can enable it for 30 minutes which should be enough to check out the site and debug it if the issue is simple.

    Done

    It’s http://www.howiedunnit.com/

    Problem is only seen in IE

    I will re-enable the private status at 5pm EST. Thanks!

    What is the plugin you are using for it?

    Plugin for what? Blocking the site from view? It’s called “Coming soon”

    No, the plugin to show the social media icons.

    its not a plugin…it’s the social links inside the customizr theme settings.

    Ok, in that case you may need to edit the header.php file. See if you can find the line with this code

    <div class="social-block span5">

    Try removing the span5.

    There is no span5 inside header.php

    I had to add some custom css for other things…could that be it?

    .navbar-inner .social-block {
    padding: 0px 550px;
    margin: 10px 0px;}

    .row-fluid .span9 {
    width: 73.359%;”}
    .navbar .navbar-inner {
    z-index: 200;
    margin: 34px 5px 10px;
    border: 0px none;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    padding-left: 5px;
    padding-bottom: 40px;}

    .format-icon:before {
    display: none;
    }
    .entry-summary.format-icon:before,
    .entry-content.format-icon:before,
    article.page .format-icon:before,
    article.format-standard .format-icon:before,
    article.format-gallery .format-icon:before,
    article.format-aside .format-icon:before,
    article.format-chat .format-icon:before,
    article.format-audio .format-icon:before,
    article.format-video .format-icon:before,
    article.format-status .format-icon:before,
    article.format-quote .format-icon:before,
    article.error-404 .format-icon:before,
    article.format-image .format-icon:before,
    article.format-link .format-icon:before {
    display: none;
    }

    ul, ol, dl {
    margin: 0;
    padding:0 0 1em 15em;
    }

    padding: 0px 550px;

    The value 550px for left and right padding is too high. Try reducing it.

    That number is actually not affecting it in IE at all. Changing that only moves the icons left and right…it does not alter them being vertically aligned…which is the problem.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Social icons not displaying correctly in IE’ is closed to new replies.