Search widget beside social icons


Is it possible to show search widget beside social icons like a magnifying glass or similar??

busqueda en menu.png


  • Hi sece43

    It requires core code customize so i will suggest you to add customize code  in child theme you can read more about child theme here

    Now Follow given instructions.

    1. Create a child theme you can use this plugin to create child theme

    2. Go to in your theme directory and copy header.php and now go to in your child theme directory and paste here header.php file.

    3. Find attached code in and replace in your child theme header.php file.

    Continue in second comment 
  • 4. Install and activate plugin 

    5 Add this given js snippet in your custom js box 

    jQuery(document).ready(function( $ ){
        /****** JQury of hide and show popup *******/
        jQuery('.search_icon').click(function () {
                //return false;


    6 Add this given css snippet in your custom css box 

    display: block;
        width: 250px;
        position: absolute;
        right: 0;
        top: 100%;
        margin-top: 15px;
        z-index: 9999;
        background: #fff;
        padding: 5px;
        border: 20px solid #2c394c;

    7. Activate your child theme 

    Let me know did it work.

  • edited August 2018
    Hi @abhishek

    Your solution works but it's possible to align search field with social icons(blue arrow) and to show Buscar instead of Search?

    Thanks so much,
    caja de busqueda.png
  • Hi sece43

    Yes you can change the search to Buscar

    Go to in your child theme header.php file find the line number 199 and here you can search to Buscar

    You want to open the search box in the right of search icon. Have a look in screenshot ;

    Let me know if you have any other questions.

  • Perfect!
This discussion has been closed.