Social icons outreach – right of menu

Community Forums Forums Design Tips and Tricks Social icons outreach – right of menu

This topic is: not resolved

This topic contains 10 replies, has 2 voices, and was last updated by  braddalton 1 year, 6 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #22546

    rogerp
    Participant
    Post count: 46

    I am going around in circles trying to get the social icons on the right hand side of the main menu on my site

    http://www.roger-the-magician.co.uk

    However I am confused about if to use a widget, custom code, filters?

    Can anyone explain this in simple terms as I am sure it can’t be that difficult.

    Thanks

    Roger

    #22604

    braddalton
    Participant
    Post count: 9446

    Try this http://www.briangardner.com/social-media-icons/


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #22607

    rogerp
    Participant
    Post count: 46

    Thank for that Brad, I had seen this but I want to get my icons on the right hand side of the primary nav bar as in the Outreach Demo

    Thanks

    Roger

    #22613

    braddalton
    Participant
    Post count: 9446

    The demo only has the Twitter. I gather you want others.

    I have tested that code from Brians tutorial and it does add the icons to the right hand side in the nav menu.

    I’m i missing something?

    You could also modify that code which i think is the only way to do it unless you use sprites bit its still very similiar.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #22664

    rogerp
    Participant
    Post count: 46

    So do I need to change any of the #tags to make it appear on the menu?

    #header ul li.social-facebook,

    Roger

     

    #22672

    braddalton
    Participant
    Post count: 9446

    Yes because that tutorial refers to creating social icons using a custom menu in the header right widget area.

    You want the main nav menu.

    Here’s another way to do it.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #22679

    rogerp
    Participant
    Post count: 46

    Thanks for your reply, but does that mean you have to have a letter beside each one?

    This site http://amiechilson.com/ has done it without having letter beside each icon?

    I think this has been done with filters?

    Roger

    #22681

    braddalton
    Participant
    Post count: 9446

    No letter but you need to add something. It will display the icon only.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #22687

    rogerp
    Participant
    Post count: 46

    OK! I think we are nearly there – I’ve got the youtube icon up.

    Am I able to centre it and make them float right?

    My problem was I was trying to create a second custom menu and then did not know what to do with it!

    Thanks for your help

    Roger

    #22712

    braddalton
    Participant
    Post count: 9446

    NOT on the front end. Why would you want it?


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #22713

    braddalton
    Participant
    Post count: 9446

    Yes. You have the class so use that with some CSS.

    http://www.w3schools.com/css/css_padding.asp

    http://www.w3schools.com/cssref/pr_class_float.asp


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

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

You must be logged in to reply to this topic.