WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Right Align Social Media Icons (7 posts)

  1. txbredred
    Member
    Posted 11 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

  2. esmi
    Forum Moderator
    Posted 11 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.

  3. txbredred
    Member
    Posted 11 months ago #

    I am using Firebug--not helping me any.

  4. Andrew
    Forum Moderator
    Posted 11 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.

  5. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

    Try adding this:

    #social-icons {
       float: right;
       margin-top: -40px;
    }
  6. txbredred
    Member
    Posted 11 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.

  7. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

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

Reply

You must log in to post.

About this Topic