• for reference my website is https://www.partytacos.com

    I would like to remove the search bar from the top of the page. I really have no use for it. Once its removed I would like to add my phone number in its place. If I can add the phone number not a big deal but I really want the search bar removed.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi,

    Firstly check if you get any option from your theme setting to hide it .

    or

    Delete this code from your site to remove search bar-

    <div class=”search-bar col-lg-12 col-sm-12 col-6″>
    <div class=”input-group”>
    <span class=”input-group-btn”>
    <button class=”btn btn-primary” type=”submit” name=”submit” id=”searchsubmit” value=”Search”>Search</button>
    </span>
    <input type=”text” class=”form-control field” name=”s” id=”s”>
    </div><!– /input-group –>
    </div>

    Thread Starter scotttroupe

    (@scotttroupe)

    There isnt an option to remove it in settings.

    I looked for the code but it is not around. I tried deleting it from the style sheet and it remains once its deleted.

    The code you posted above, I could not find.

    Hello,

    You need to try this in your Custom CSS for achieving that:

    header .head-top #searchform {
        display: none;
    }

    Hope that helps. Thank you.

    Thread Starter scotttroupe

    (@scotttroupe)

    @jitendra

    Thanks that worked!

    I once worked on a website and I was able to text in the header, where the search bar was. I took the code from another site I had seen, since then I took the site down to re-do it and I dont know the code. Do you know the code to add text into the header?

    Hello,

    Please go to your Appearance > Widgets and look for if there is a header widget there provided by your theme. If not then you need to add that manually in the header.php file.

    For adding it in header.php you need to go to Appearance > Editor > header.php and look for this line or something like that:

    </div>
    </header>

    You need to add this code above that line:

    <div class="customHeader">
    Your Text here
    </div>

    It will show under your navigation space.

    Make sure to use a Child Theme when you are editing core files. Otherwise all your changes will be lost on update.

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove Search Bar’ is closed to new replies.