How to remove “Search Bar” on top of page

Hello Art2Design,

Please provide the site url so we can help you with the custom css.

Kind Regards,

Manoj

Hi Tut Support

The url is: https://bibleinstitute101.com/

Your assistance is greatly appreciated!

Hi @art2design, give this a try.

.header-wrap .search-toggle {
display: none;
}

It worked!!! Thank you so much!
Do you know if its possible to reduce the width between the menu bar and the top of the website (the empty space above)

This should do it for you. With the below, you can remove the previous CSS I had given you as this hides that entire div that includes the site title/tagline/search.

.header-wrap {
  display: none;
}

That worked! Your the best!! Thank you so much

Hooray and you are welcome!

Hi Sacredpath ! I am using the css snippet provided by you to hide the search bar. But I am seeing this is still visible in Mobile and Tablet view. Is there a technique to hide it from there as well ?

Hi @myeternaltrails, the site associated with your username ( https://myeternaltrails.com/ ) seems to be broken right now and there is no CSS being applied at all.

Once you get that fixed, post back here and verify the URL of the site you are wanting help with and I can take a look.

Hi @sacredpath, Thanks for your reponse!

There was some issue hence it got broken. Now it is fixed.

I need help on the Mobile/Tablet view. Whenever I am opening any page/home-page of website on Mobile/Tablet and additional Menu is appearing at header with Search box. I want to remove that additional Menu item.

The reason the search is still showing no Mobile is because you are using a different menu system. Add the following to hide the search/toggle on mobile devices.

@media screen and (max-width: 799px) {
  .menu-toggle {
    display: none;
  }
}

Perfect! Worked Like Charm ! You’re Amazing. Thanks !!

Thanks, and you are welcome.