Remove Search bar and icon from Shapely header

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.

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.

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

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

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