Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #12435

    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

    #75446

    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;}

    #75447

    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.

    #75448

    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;
    }

    #75449

    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

    #75450

    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

    #75451

    Hi Mya

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

    Regards

    Shehan

    #75452

    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

    #75453

    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

    #75454

    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

    #75455

    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

    #75456

    Hi Syl,

    I think this will do

    #searchform {
    display: none;
    }

    Regards,

    Ismael

    #75457

    Thank you, it worked :)

    Syl

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Move search box from menu to sidebar’ is closed to new replies.