Overlapping Social Media Links on Header

Viewing 4 posts - 1 through 4 (of 4 total)
  • #12216
    pmb
    Participant

    Hello all,

    Please see http://www.kerrsminiaturerailway.co.uk for modified pinboard example.

    I really like the social media link features – if I add them, they automatically appear under the header and create a gap.

    Question is, is there any way I can have the social media buttons on the top of the current header in the bottom right hand corner?

    Thanks in advance
    Peter

    #12225
    Alexander
    Participant

    Hi pmb,

    try to move the social element function call in the header.php to the top of the page. BUT it is not recommended unless you know excatly what you’re doing as the resposive design of the theme may be corrupted.

    Cheers,
    Alexander@ http://www.mouseclick.com

    #12229
    pmb
    Participant

    Alexander,

    Thanks – I’ll give it a go as am used to WordPress to a certain extent and can save back up copies of anything I change, so it can be reverted back if it goes wrong.

    Will let you know how I get on.

    #12249
    pmb
    Participant

    I’ve had a go at repositioning by altering the CSS – can’t see the social in Header php file.

    Reduced the margin at top

    a.social-media-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 6px;
    background-position: 0 0;
    overflow: hidden;
    text-indent: -1000px;
    -moz-transition: background-position .25s ease;
    -webkit-transition: background-position .25s ease;
    -o-transition: background-position .25s ease;
    -ms-transition: background-position .25s ease;
    transition: background-position .25s ease;

    Thought that changing the background positioning here would move it up towards header section, but doesn’t appear to work.

    Would really like to do this somehow.

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

You must be logged in to reply to this topic.