Search bar in place of social widget on header

Hello there,

Is it possible to have search field option in place of social icons on header?
I think that i have to replace a piece of code in header.php

I found the code of social widgets but i don’t know what code do i have to replace in order to appear the search option

<div class="social-header col-md-6">
				<?php unite_social_icons(); // Social icons in header ?>

Thank you in advance.

Also interested in this! I hope I am not stealing your question, but if mods could be so nice to provide answer to this, but also how to place the search bar somewhere else, e.g. middle of the header between social icons and logo.


Hi @manosd,

I hope you are well today and thank you for your question.

You can try achieving this by using the attached custom child theme of Unite theme that contains some custom code.

Best Regards,

@dontsleep16 To help us keep support thread separates could you please create your own thread for your question here instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

First of all thank you so much @Movin for the child theme.
It works like a charm.

I am trying to make some tweaks to align the search bar properly in mobile view.
At first there wasn’t gap between search bar and navigation bar.
I added that line margin-bottom: 20px; to style.css file and solve the problem.

1.Now i need to decrease the gap between the header image (logo) and the search bar.
Tried to add padding-top code but no luck.

2.Is it possible to change the blue sign on search bar with the hex color that i use in navbar?
Is it an icon that need to be changed or color code?

You can check it here

You are most welcome here :slight_smile:

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Unite Options -> Other -> Custom CSS

@media (max-width: 992px){
        margin-top: 0;
.social-header {
    background: #7f4a06;
    border-color: #7f4a06;

What a great support !!!

Thank you one more time Movin

You are always welcome here :slight_smile: