Search bar

Hi,

I was looking to put a seach bar in the top header of my website but i can't find it in the costumizer. Is there a place where it is a standard option or do i have to build it myself. In that case: HELP!

It's about https://troel.nl

Thanks!

Comments

  • HI 
    Thanks for contacting to us.
    To manage top header bar for this refer below link.


    Let me know for any confusion.

    Thanks
    Akhilesh

  • Well, not exactly what I meant, although I understand you will think that.

    If I do this, a big large bar will appear for only a search field. Is it possible to get a small one? Myabe in the menu or something?
  • edited June 15
    Hi
    To reduce height of the top header bar for this go to Appearance >> customizer >>  header setting > custom css box. 

    .top-header-widget form.appointment-search {
        margin: 0;
    }
    .top-header-widget {
        padding: 5px 0;
    }
    input {
        height: 34px;
    }

    It will give you output like that.
    Let me know for further assistance.


    Thanks
    Akhilesh


  • much better!

    If I want the headercolor to be differen (#662e91), how do I do that?
  • edited June 15
    Hi 
    To change header color add the below css code inside the custom css box.

    .top-header-widget {
        background-color: #1d11b7
    }

    Let me know for any confusion.
    Change color code code value as your need.

    Thanks
    Akhilesh
  • Hi 
    Did the above solution work for you?
    Thanks
Sign In or Register to comment.