Archived topic
Where's the search button for mouse users
3 replies · Started by Brett on August 27, 2018
Currently, when a user clicks on search, they are given the ability to enter their search criteria. Is there a way to allow the user to have the capability to use the mouse to perform the search? Currently, the only way to make it happen is with "Enter".
Thanks!
Hi there,
This topic might help: https://generatepress.com/forums/topic/search-button-on-primary-navigation/#post-519270
Let me know :)
That worked, but I need a little tweak for my situation.
1. The "Search" is not selected...the "Search" text plus the "Search Icon" is shown on the far right.
2. When I click on "Search" to activate, I see the "Search" button (which I have changed to "GO") and the "Search" text plus the "Search Icon" on the far right.
Here's my custom css for the Nav.
/*****************************************/
/* Main Navigation - Search + Icon */
li.search-item a:after {
content: "\f002";
font-family: GeneratePress;
width: 1.28571429em;
text-align: center;
display: inline-block;
}
li.search-item a:before,
li.search-item.close-search a:before {
content: "SEARCH";
font-family: inherit;
width: auto;
margin-right: 5px;
}
li.search-item.close-search a:after {
content: "\f00d";
}
/*****************************************/
/* Main Navigation - Search Button */
input.nav-search-submit {
width: auto;
position: absolute;
right: 130px;
top: 0;
}
How can I hide the "Search" text (on the far right) but keep the "Search icon" when the "GO" (aka. Search button) is active?
Thanks!
Any chance you can link me to your site so I can take a look?
