Search widget beside social icons

Hello,

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

Thanks,
busqueda en menu.png
53K

Comments

  • 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 https://codex.wordpress.org/Child_Themes

    Now Follow given instructions.

    1. Create a child theme you can use this plugin to create child theme https://wordpress.org/plugins/orbisius-child-theme-creator/

    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 https://pastebin.com/07yTKS1c and replace in your child theme header.php file.

    Continue in second comment 
  • 4. Install and activate https://wordpress.org/plugins/custom-css-js/ 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 () {
                //alert('Hello');
                jQuery(".searchform").toggle();
                //return false;
            });

    });

    6 Add this given css snippet in your custom css box 

    .searchform{
    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.

    Thanks
    A
  • 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
    104K
  • 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 http://prntscr.com/kk1tl9 ;

    Let me know if you have any other questions.

    Thanks
    A
  • Perfect!
This discussion has been closed.