Remove Select Category From Search bar on header

Hello Support team!
I would like to make the header search bar width smaller while I am using the full width header and remove the “select categories”.
I would also like to change the style a bit and give some radius to it.
In 1.jpg you can see my header layout settings , and in 2.jpg you can see my notes for what I want to do.
Thank you so much for the great support in advance.

Attachments:

You must be logged in to view attached files.

I’ve done most of what I wanted with this in my child theme css:

.header-categories .search-extended {
  width: 60% !important;
}

.main-header form.has-categories-dropdown input[type="text"] {
  text-align: center;
  border-radius: 8px;
}

.search-results-wrapper .basel-scroll {
  background-color: #fff0;
}
.search-results-wrapper .basel-scroll .basel-search-results {
  margin-right: 0px !important;
}

.autocomplete-suggestions {
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 0 0 8px 8px;
}

Select Categories remains to be removed

Hello,

Please provide your site URL I will try to provide CSS to remove Select categories or you can change the Header layout and it would be removed. However, as I understand you want to have this certain layout.

Best Regards

I work on it on localhost, and yes I want to keep the layout with the searchbar.
If you use the css in the previous message you will see all the changes I just need to remove the “SELECT CATEGORIES” because the category tree is going to be very big and it won’t help. Right now the layout is like in the demo if you remove it (the select categories portion) probably will work on me as well.

Thank you very much.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .main-header form.has-categories-dropdown .search-by-category {
    display: none;
}
body .main-header form.has-categories-dropdown input[type=text] {
    padding-right: 50px;
}

Best Regards

Thank you very much (for your time and the great support).
It works.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts