How to Remove Search Button?

Answered

5 Comments

  • Andreas Schuster
    Community Moderator

    Hi Kyle B,

    Are you able to share the public URL to your Help Center? This would help a lot.

    0
  • Kyle B

    Can I do this without this theme being published? 

    0
  • Andreas Schuster
    Community Moderator

    I think preview URLs are publicly available.

    Edit: Either way, I think you need to use CSS or JS to simply hide that <input> element.

    0
  • Kyle B

    I found the answer. Here is what my code looks like now:

        <script>
    //dynamic placeholder in searchbar
    var gtext = $("span#search_placeholder_text").data('value');
    $('#query').attr('placeholder', gtext);
    </script>

    <section class="sub-nav-wrapper">
    <div class="container">
    <nav class="sub-nav">
    {{breadcrumbs}}
    {{search submit=false instant=true class='search'}}

    </nav>

     

    which makes it look like this:

     

    I also changed it into an instant search so if you type something, you get a list of suggestions without having to hit enter. Much better. 

    0
  • Nicole S.
    Zendesk Community Team

    Glad you got things working, Kyle! Thanks for coming back and sharing the answer. :)

    0

Please sign in to leave a comment.

Powered by Zendesk