Right Align Social Media Icons

  • Resolved txbredred

    (@txbredred)


    10 years, 8 months ago

    I activated the iiRe Social Lite plugin for my website. I added the php code to my 2012 child header.php file. Additionally, I created a div for this content and gave it the id=”social-icons”.

    –Was the div necessary?

    –What CSS code do I add to make the icons align to the right. I want it to align with the end of the header image and the end of the top and bottom lines of the navigation menu.

    I created a 2012 child theme for modifications and so far I have a header.php file and a style.css file.

    My Website

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    (@esmi)

    10 years, 8 months ago

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter txbredred

    (@txbredred)

    10 years, 8 months ago

    I am using Firebug–not helping me any.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 8 months ago

    I want it to align with the end of the header image and the end of the top and bottom lines

    Rethink what will happen at mobile view.

    WPyogi

    (@wpyogi)

    10 years, 8 months ago

    Try adding this:

    #social-icons {
   float: right;
   margin-top: -40px;
}

    Thread Starter txbredred

    (@txbredred)

    10 years, 8 months ago

    I fixed it with the float: right. I guess I’m wrong in thinking float is no longer applicable in CSS3.

    @andrew–you are right. I just don’t know how I like it aligned on the left. I will probably add them to the footer when I get to redesigning that, although its visibility is still compromised b/c it will be below the fold.

    WPyogi

    (@wpyogi)

    10 years, 8 months ago

    Why not add different CSS for smaller sized devices – the twentytwelve theme already does that using media queries.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Right Align Social Media Icons’ is closed to new replies.