Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #11335

    Is it possible to move the social icons from the header-space to the sidebar over the menu?

    The reason I would like to do this is so that I could enlarge the “logo” I’ve created for my site.



    On your header.php look for this lines. Cut it.

    echo '<ul class="social_bookmarks">';
    if($dribbble = avia_get_option('dribbble')) { echo "<li class='dribbble'><a href='".$dribbble."'>".__('Follow us on dribbble', 'avia_framework')."</a></li>"; }
    if($twitter = avia_get_option('twitter')) { echo "<li class='twitter'><a href='".$twitter."'>".__('Follow us on Twitter', 'avia_framework')."</a></li>"; }
    if($facebook = avia_get_option('facebook')) { echo "<li class='facebook'><a href='".$facebook."'>".__('Join our Facebook Group', 'avia_framework')."</a></li>"; }
    if($gplus = avia_get_option('gplus')) { echo "<li class='gplus'><a href='".$gplus."'>".__('Join me on Google Plus', 'avia_framework')."</a></li>"; }
    if($linkedin = avia_get_option('linkedin')) { echo "<li class='linkedin'><a href='".$linkedin."'>".__('Add me on Linkedin', 'avia_framework')."</a></li>"; }

    echo ' <li class="rss"><a href="'.avia_get_option('feedburner',get_bloginfo('rss2_url')).'">RSS</a></li>';
    echo '</ul>';

    Go to sidebar.php and look for echo “<div class=’sidebar’>”; Paste the lines below.

    Then on your custom.css drop this line.

    ul.social_bookmarks {
    position: relative;
    top: -50px;
    z-index: 100;

    You can always change the style. Hope this helps.




    Excellent! That was exactly what I was looking for.

    Somehow I cannot add spacing for the ul images, might you know a solution?



    Glad to help. :)

    Please try this.

    #top .social_bookmarks li {
    margin-left: 10px;

    You can adjust the pixel.




    Great! Thank you!

    This made everything very nice. :)

    I’ll flag this thread solved.



    No problem. Keep in touch. :)



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

The topic ‘Move social icons over menu?’ is closed to new replies.