Grow your CSS skills. Land your dream job.

WordPress position social network buttons

  • # November 9, 2012 at 7:21 am

    Hi, I have a problem with the positioning of buttons in the footer.I want to put buttons of social networks in the footer on the right side.Maybe if someone can help me pls ? link is [Your text to link here…](http://www.mrdizajn.com/makidesign/#!/meine-kreationen/ “Here”)

    # November 9, 2012 at 7:30 am

    According to your code, you have a div with the id of footer_menu, inside this you have this div with the id of secondary_menu.

    I would make the #secondary_menu about 600px wide and float it to the left and add your social icons in another unordered list and float the UL to the right, and the display the icons inline of float them left.

    # November 9, 2012 at 7:39 am

    From what I can see you one way would be to add another div to wrap the nav with an ID of Secondary menu.

    Make that 800px wide with the same margins.

    Remove the width from #secondary-menu and float it left.

    Create a new div or nav for your social link buttons and float it right.

    Something like this: http://codepen.io/anon/pen/hHGrc

    @Watson90 Aww….snap! :)

    # November 9, 2012 at 7:56 am

    @Paulie_D Haha!

    _”Great minds think alike”_

    # November 9, 2012 at 7:57 am

    I do not want to change my design navigation menu.I just want to add buttons for social networks, is there an easier way just Simply placing it in the lower right or left corner? :|

    # November 9, 2012 at 8:02 am

    You could I suppose absolutely position them like I have done on the bottom-right hand corner of [this website](http://shaunjeffersphotography.com/ “”)…

    Although the navigation itself will look exactly them same just that it will have the icons on the right hand side.

    # November 9, 2012 at 8:11 am

    Watson 90 i send you e mail,Can I?

    # November 9, 2012 at 8:13 am

    If you want to, but I can help you out on here.

    # November 9, 2012 at 8:20 am

    I send you mail on REMOVED

    Go check it out ;)

    # November 9, 2012 at 8:26 am

    Okay @najtisevn I don’t think you should just be sending out your login details to your wordpress site to me, you don’t even know me, lol.

    And how am I supposed to just add these buttons when you haven’t even supplied me with any or any social account details for that matter?

    I’m sorry but I will not be touching your website, you have come on here for help so that’s the way it’s staying I’m afraid.

    @Paulie_D has basically WROTE THE CODE for you! All you have to do is make a few changes…

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".