Move search box from menu to sidebar « Support Forum | Kriesi.at

Support Forum » Shoutbox

Move search box from menu to sidebar

13 posts from 7 voices

Started 1 year ago by demozeno
Latest reply from SylD
This topic is closed
This topic is not a support question

Tags:

demozeno
Member

I wanted to get rid of the 'search site' box from the menu bar and move it, using the relevant widget, to the sidebar. So, I went into custom CSS and put in the following code:

#searchform div{
position: relative;
width:99%;
height:44px;
display: none;
}

This successfully removed the 'search site' box from the menu bar, but also prevented the 'search' widget working in the sidebar. What am I doing wrong here?

Currently, on my site – http://golovegreece.com/ – I've put the original code back in and have got the search box in the menu and sidebar.

Thanks

Posted 1 year ago #
rumblefish
Member

You need to be more specific about which search bar you are turning off. You need to specify in your css that its the search bar in the menu, not ANY search bar. That's why it's not appearing in the sidebar.

I think you need something like this to remove it from the menu only:

.main_menu .search_site #searchform div {display:none;}

Posted 1 year ago #
demozeno
Member

Thanks for pointing out the need for more specific comment. Your suggestion didn't do the trick, but I'll fiddle about till I find the solution.

Posted 1 year ago #
Devin
Moderator
Hi demozeno,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
.main_menu .search_site.addapted {
display: none;
}
```
Posted 12 months ago #
Artifactual
Member

It does hide search form but when i use the widget search on the home page it looks really crocked in terms of the width the widget really looks out of proportion

Posted 12 months ago #
Mya

Hi Artifactual,

Did you remove the sidebar search widget? If so, if you'll reactivate it we can take a look and see if we can fix the width for you.

Regards,
Mya

Posted 11 months ago #
Artifactual
Member

Hi Mya

We added the search widget again to the side bar - http://www.backpacktosrilanka.com let us know

Regards
Shehan

Posted 11 months ago #
Devin
Moderator
Hey Shehan,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
.widget #searchform {
max-width: 100%;
}
```
That should target the widget search only and make it fit to the width of the sidebar.

Regards,

Devin
Posted 11 months ago #
Artifactual
Member

Hello Devin

That worked well, So the hard part is how do i remove the search form from the main header, i have used this code

.main_menu .search_site.addapted {
display: none;
}

The issue it does hide the search form but there's a delay with hiding the form. so is there solution to get rid of this delay

Posted 11 months ago #
Ismael
Moderator
Hi,

Try adding the !important to the above code. The code should look like this:
```
.main_menu .search_site.addapted {
   display: none !important;
}
```
This might solve the delay in hiding the form.

Regards,
Ismael
Posted 11 months ago #
SylD
Member

Hello, I am working with the Choices theme and tried entering this code in the Quick CSS to hide/remove the Search Form from the Header site-wide.

.main_menu .search_site.addapted {
display: none !important;
}

It didn't work.

I was able to hide the homepage form only by using this code:

body.home h1.page-home {
display: none;
}

How can I hide the form in the header on every page?

Thank you, Syl

Posted 7 months ago #
Ismael
Moderator
Hi Syl,

I think this will do
```
#searchform {
display: none;
}
```
Regards,
Ismael
Posted 7 months ago #
SylD
Member

Thank you, it worked :)

Syl

Posted 7 months ago #