WordPress.org

Ready to get started?Download WordPress

Forums

Weaver II
trying to put social icons in header - weaver II (4 posts)

  1. purpledani9
    Member
    Posted 11 months ago #

    Hello. My goal is to have my social icons in my header situated in the middle of the right side of my header. My theme, Weaver II, doesn't allow me to simply use a widget in that area; there's a horizontal header widget that can be used above or below the header but I want my icons to be beside the header image on the right side. Anyway, I've tried editing the header.php and the css but my icons only stay in the top left of the header; nothing I do will move them. I"m not sure what to try next or if it's just not possible to have the icons where I would like them. I'd so appreciate some guidance on this issue :) my blog url: http://www.bloggingontheside.com Thanks so much!

  2. scrambler
    Member
    Posted 11 months ago #

    Weaver II pro has two options to do what you want, the Header Extra HTML that can be positioned over the header image, and the Header gadgets.

    Without pro, you could use some CSS tricks to move the header widget area that has your social icons over the header image, but you are going to run into problems when the browser size gets smaller and therefore on mobile.

    When that happens, your Social Icons will end up over the Logo which you probably do not want.

    The CSS to do that is explained below, but you should probably consider a different design layout. At the very least you should put your social icons inside a [weaver_hide_if_mobile] shortcode so they do not show over your logo on mobile, and then add them somewhere else for the mobile view using the [weaver_show_if_mobile] shortcode

    To move the Header Horizontal Widget Area Over the Header image add the rules below in Advanced Options > Head Section > Custom CSS Rule Box

    #sidebar_header {position:absolute;top:15%;right:2%;}

    Using the values that work for you.

    In the future, you will get more attention by posting directly in the weaver forum
    http://forum.weavertheme.com/

  3. purpledani9
    Member
    Posted 11 months ago #

    Hey! thanks for the help! And a moderator told me to post this here - this is the 2nd posting i've put up about this.

  4. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

    And a moderator told me to post this here

    I think that was because the Weaver theme forums were having some problems this past week so we stopped directing people there (temporarily).

Reply

You must log in to post.

About this Theme

About this Topic