[Resolved] search tool in menu bar not working

[dale]

This seems to have happened with the update to GP 2.0, as it worked the other day.

I’m using Chrome.

[Tom]

I just tried it and it worked. Maybe try clearing your browser cache?

[dale]

Will do.

on a slightly unrelated topic, what is the best way to find my support posts when I forget to tick the “email me when someone answers” box? I’ve tried looking under my account to see if support requestd were linked there, but don’t see them. And typing in my name using the Search tool isn’t a great method either.

[Leo]

Clicking your name is under the gravatar is the easiest: https://generatepress.com/forums/users/dale/

We need to make it easier for users for sure 🙂

[Michael Alø-Nielsen]

I have the same problem with the search tool not working in the menu bar after 2.0 upgrade.
I’ve tried it in both Chrome and Firefox, and clearing the cache didn’t help.

http://nowplaying.dk

[Tom]

Have you altered the navigation search icon HTML at all?

[Michael Alø-Nielsen]

Not that I’m aware of. I do have the “Search Everything” plugin installed, but disabling it makes no difference.

[Michael Alø-Nielsen]

And also… after I click the search icon all links seem to be disabled until I refresh the page.

[Leo]

Is the plugin disabled right now? If not can you disable it?

[Michael Alø-Nielsen]

Plugin is now disabled.

[Tom]

Ahh it looks like you’ve added your own search icon menu item using a custom link.

Try changing the <span> inside the Navigation label to an <i>.

[Michael Alø-Nielsen]

That helped a little, but the box to type the search terms does not appear when i click the icon. It just changes to an X.

[Michael Alø-Nielsen]

The CSS used for the icon is like this:

/* =Navigation-search
------------------------------------------------------------- */
.main-navigation .search-item {
	display: none;
}
.main-navigation .search-item.custom {
	display: block;
}
.main-navigation li.search-item.custom,
.main-navigation li.search-item.custom a,
.main-navigation li.search-item.custom a:hover,
.main-navigation li.search-item.custom a:active,
.main-navigation li.search-item.custom a:focus {
	float: right;
	z-index: 21;
    -moz-border-radius-topright: 10px !important;
	-webkit-border-top-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
    -moz-border-radius-bottomright: 10px !important;
	-webkit-border-bottom-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}
.navigation-search {
	position: absolute;
	right: 0;
	display: none;
	z-index: 20;
	width: 50%;
	top: 0;
}
.navigation-search input,
.navigation-search input:active,
.navigation-search input:focus {
	border: 0;
	vertical-align: bottom;
	line-height: 0;
	opacity: 0.9;
	width: 100%;
	z-index: 20;
    -moz-border-radius-topright: 10px !important;
	-webkit-border-top-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
    -moz-border-radius-bottomright: 10px !important;
	-webkit-border-bottom-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

I suspect it must be in this code I have to change something. I just can’t figure out what?

[Tom]

Get rid of the display: none in your .navigation-search CSS.

[Michael Alø-Nielsen]

Thank You. Now it works perfect again 🙂

[Author]

Posts