• I was wondering if someone with a little more experience could figure out where I’m going wrong. I can’t seem to figure out the CSS class for my Social Media icons because I messed around in the header.php file to get them to the right spot, but now I can’t align them to the right, inline with the page title.

    Here’s the CSS from my child style.css:

    /*
    Theme Name: child
    Theme URI: http//www.?.com
    Description: This is my first child theme
    Author: Nicholas
    Template: twentytwelve
    */
    @import url("../twentytwelve/style.css");
    
    .comments-link {
       display: none;
    }
    
    .site {
     background: none;
    } 
    
    body .site {
     margin-top: 0rem;
     margin-bottom: 0rem;
     box-shadow: none;
     }
    
    #header_icons {
    position: absolute;
    margin-top: 600px;
    margin-left: -50px;
    z-index: auto;
    }
    
    #header_icons img {
        float:right;
        height:60px;
        width:60px;
        margin:0;
        margin-left:10px;
    }

    And here is my site URL:
    https://livingtherusticlife.com

    Thank you in advance.

  • The topic ‘Moving Social Media Icons in Header’ is closed to new replies.