Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #5010

    Would it be possible to have the social media icons display on the top right above the menu?

    Also is it possible to add different ones than the default?

    Thanks guys


    I have manged to take the <ul class=”social_media”> from the footer.php and place it in the header.php and this has done the trick. Probably not the best way of doing it, im not sure. learning as I go :-)

    Just need to know how to update the social media icons and links to additional ones.



    The way you did it is the way I’d do it, so that’s fine. Could you provide me with a link to your site, this way I can provide specific instructions on changing and adding items.

    The images are located in /images/THE SKIN YOU ARE USING/imagename.png.

    For the RSS icon using the minimal skin it would be /images/skin-minimal/rss.png.

    To add an icon you can add a new list item to the code you moved.

    <li class="newitem">
    <a href="YOURLINKHERE>Text</a>

    To make this new list item show an image go in your CSS, for the minimal skin minimal-skin.css and add:

    .social_bookmarks .newitem a {
    background: url("../images/skin-minimal/YOURIMAGE.png") no-repeat scroll 0pt 0pt transparent;


    Hi Chris

    Thanks for that, havent had chance to impliment it yet as have been away and just got back, but looks straight forward enough.

    I did encounter a problem when I removed the social media links from the footer though and replaced it with my own text. It is displaying correctly in all the browsers except for Firefox. Is it possible this is due to my incorrect coding of the css prehaps?

    The site is no where close to anything yet, just playing around still but here is the URL:



    I don’t seem to see the issue, your footer states “Brought to you by: METIS”, it does this in Firefox, Google Chrome and Internet Explorer – did you solve the issue?


    I did, issue with my mozilla browser though, reinstalled and was fine. Not so stupid after all it seems, haha. Thanks man!!!


    Glad that everything works now :)

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

The topic ‘Social Media Icons in the header’ is closed to new replies.