• Resolved TheSupercargo

    (@thesupercargo)


    Hi again,

    I understand how to add the social icons as a block/row on to the Front Page – but how to put them into the header so they appear on every page including the Blog Page?

    I suppose I could create a sticky blog post and strip it of meta data so that only the widget with the social network icons appears – but it would be a lot easier to put them into the header.

    Any suggestions?

    Thanks,
    John

Viewing 10 replies - 1 through 10 (of 10 total)
  • have you try to use a plugin to add social icon on the top menu?

    Thread Starter TheSupercargo

    (@thesupercargo)

    Thanks for your response awanrmb.

    I’ve not been able to find a plug-in that does that. Can you recommend one?

    Thread Starter TheSupercargo

    (@thesupercargo)

    Using AccessPress Social Icons. So far , very satisfied. The plug in allows me to design my own icons and insert them wherever I need them with shortcodes or (via a line of code) into the header.

    Hi Supercargo.

    I inserted the shortcode into the header but it’s not working.
    Where exactly in the header should I do it?
    Do you have a link to your site so I can see it?
    I would like them to be in the top right corner of my header.
    Thx

    Thread Starter TheSupercargo

    (@thesupercargo)

    Hi WanderlustWomen,

    Sorry for the delay getting back to you – I’m on holiday and often AFK at present.

    Here is my sandbox so you can see the AccessPress Social Icons in use:
    http://sandbox.thesupercargo.com/

    What I did was take the Template Shortcode for the icon set and add it to my Child Theme header.php wrapped in a div id called “header icons”.

    <div id="header_icons">
    <?php echo do_shortcode('[aps-social id="N"]')?>
    </div>

    (Replace “N” with the number AccessPress Social Icons gives you.)

    It took a bit of trial and error, but I ended up putting it under the div class “header image” and before the div id=”content” class=”page-wrap”.

    Then I had to add something about the header icons to the Child Theme style.css. I had to tinker with the padding, but this is what I ended up with:

    #header_icons {
    float:left;
    padding: 5px 0px 5px 10px;
    width:300px
    }

    So, there they are to the bottom left. I’m sure it’s not an elegant solution – I’m no programmer – but it works.

    I’m not sure how you would get your icons to show top right – float them right in the css of course, but you’ll have to experiment to find the best place to put the code into the header to get them above the masthead.

    Good luck!

    (Edited for spelling.)

    Thanks so much.
    You’ve been more helpful than theme author that’s for sure.
    Enjoy your vacation 🙂

    Hi Supercargo,

    After 2 wks of trials, tribs & lotsa agita….I’m up & running:

    Click here

    I figured how to use the theme’s social icons – it’s through a widget but no one tells you that 🙂
    Cheers

    Thread Starter TheSupercargo

    (@thesupercargo)

    Hi WanderlustWomen,

    The website looks good. Congratulations!

    It looks like you chose in the end to put the social icons only in the footer, though. Are you happy with that?

    Cheers

    Thanks – I think you’re the only person who noticed the change 🙂

    I gave up on trying to insert into the header. If you visit the blog page, you’ll see I have it in the sidebar.

    Maybe the developer will add it to the header in the future – hint hint wherever they are 🙂

    Cheers

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Possible to put social network icons into header?’ is closed to new replies.