Add social icons and/or search bar to header

http://psi.dmediasites.com/

Hi: I am hiding the tap-call-to feature in the header. Is there are way to replace that empty space with a duplicate of the social icons that appear in the footer? And/or a search bar in the header too?

 

Hello,

Greetings from InkThemes!

Please follow the screenshots given below.





For your information, I am using "WP-Editor" plugin to edit files.

You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

After activating this plugin, you will get the same screen as shown in the screenshot.

After that, paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.header_wrapper ul.social_logos {
    float: right;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thank you Priyanka! That looks great!

 

The social icons look good there. Is it possible to also add a search bar just under those social icons in the header? Or is there not enough room in that div grid to do that?

 

Sure...!!!

Please follow the screenshot given below.



Code is as follow..

HTML:

 <div class="header_search"> 
  <form role="search" method="get" class="searchform" action="<?php echo esc_url(home_url('/')); ?>">
          <div>
                <input type="text" placeholder="Search"  value="Search" name="s" id="s" />
                <input type="submit" id="searchsubmit" value="" />
          </div>
    </form> 
            </div>  

After that, add below code in Custom CSS field..

Code:

.header_search {
    float: right;
    margin-top: 31px;
    margin-right: -135px !important;
}

Change the numeric value as per the requirment..

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com