Remove Search bar and icon from Shapely header

Shapely
1

I tried adding CSS to remove the search bar. I’m successful in killing the functionality, but the little magnifying glass icon and hover-over functionality still shows.

Where do I edit the CSS to kill this? I want to remove both the search functionality form my main page AND kill the little search icon.

2

Hi there,
I hope you are having an awesome day and thanks for contacting us regarding your query.

This can be done with the help of some Custom CSS. Kindly provide me with a link to a page with this so that I may be able to write up some CSS that should work for your setup.

Looking forward to your reply :slight_smile:

Best Regards,
Support.

3

Hi. The website I have is walkups.org/metrodfw

I’m trying to get rid of the search bar and the magnifying glass button.

4

Hello there,

Thanks for that information.

You can use the following CSS code to remove the search icon by going to Appearance > Customize > Additional CSS and pasting it there.


/*Remove Search Icon*/
i.fa.fa-search {
    display: none;
}

Best Regards,
Support

5

I tried this CSS code to remove my header search block but it didn’t work. Any ideas?

Here’s my site if that helps:

https://www.rsvlfestivaloftrees.com/

6

Hey there

@rubicon40 please clear the cache and try again, it’s working

Regards

7

Hello there,

it actually removes the search icon by CSS but no the hover-over function. If i hover pointer over the place where it should be, it opens up the search pop-up. Any thoughts?

8

Hey there

May I take a look at your case? please provide URL and steps to replicate it

Regards

9

I used two entries, the one given already to eliminate the magnifying glass:

/* Remove the magnifying glass */
i.fa.fa-search {
display: none;
}

and I added another entry for the search box

/* Remove the search box */
form#searchform.search-form {
display: none;
}

This at least worked for me on the Shapely Theme

10

Hi there

@BamaBob thank you for sharing your solution,

Let me know if there is anything else.

Regards