WordPress.org

Forums

Moving a widget into top right of header (3 posts)

  1. lovelybrittney
    Member
    Posted 9 months ago #

    Hi! I'm trying to figure out how to move my Simple Social Icon plugin/widget to the top right hand side of my page where all the white space is: http://foodforbeauty.net. The plugin I'm talking of is here. Please bear in mind that I'm extremely new at this. I appreciate any help!

  2. sam elh
    Member
    Posted 9 months ago #

    hello . i took a look at your site and i bilieve this will help you make a header with :
    the logo on left,
    social icons , 4 icons as i see , on left of your logo .

    first , instal this plugin :
    https://wordpress.org/plugins/widgets-on-pages/

    after installing the plugin , activate , then go to your widgets , find :
    widgets on pages 1

    drag and drop the social icons ( which is on your right sidebar widgets)
    drop it in widgets on pages 1

    now , go to your header file , located at header.php

    find and erase the header tag , and put this code instead :

    <div style="min-width:99%; max-width:99%; width:100%;">
    <span style="float:left;">
    <a href="/" title="HomePage"><img src="/wp-content/uploads/2014/06/Screenshot-2014-06-07-22.26.59.png" title=""/>
    </a>
    </span>
    <span style="float:right;">
    [widgets_on_pages] <!-- since you used the widget # 1 , widgets on pages 1 -->
    </span>
    </div>

    after , check your header and see if it worked .. am currently using that code on my site' header .

  3. sam elh
    Member
    Posted 9 months ago #

    sorry for the mistake the social icons will appear on the right of logo

Reply

You must log in to post.

About this Topic