Remove "Search Site" Text on mobile

Shapely
1

Hey dear colorlib support :slight_smile:

I have an issue with the search field in mobile view. While on desktop there is only the magnifying glasses, it additionally shows a placeholder text in mobile view. I would like to remove that text. It says “Search Site” and as soon as I “click” on it with my finger, the normal search widget with the button opens.

How can I remove that placeholder text?

Thanks in advance for your great support :slight_smile:
Dom

2

Hi,

If you just want to hide that placeholder text holder text use this, use this Custom CSS in Appearance -> Customize -> Additional CSS.

.search-widget-handle .title {
    display: none !important;
}

If you want to hide the glass icon + placeholder text and always shows the search area and the button means, use this Custom CSS.

.search-widget-handle .search {
    display: none;
}
.toggle-search .function {
    display: block !important;
}

Let us know,

Thanks,
laranz.

3

Thank you :slight_smile: It worked great!

4

Hi,

Glad it works :slight_smile:

Let us know, if you have any other questions.

Thanks,
laranz.