[Resolved] Bug Report: Hover Away after clicking search menu.

[2urn]

I have been trying to customize the navigation search form and think I discovered a bug. After making all the elements BGs transparent if I click on the close icon and hover away the bg turns to color again. I have posted a movie showing the issue:

[video src="http://2urn.com/files/generatepress/hover-bug-chrome-mac-2.mp4" /]

My CSS code:

/* @group Search Form in Header */

div.inside-header form.search-form.navigation-search input.search-field {
	background: #ffffff;
	border-radius: 100px;
}

div.inside-header  #menu-primary li.search-item.current-menu-item a {
	background:  transparent;
}

div.inside-header  #menu-primary li.search-item.current-menu-item a i.fa.fa-fw.fa-times {
	color: #4DC1C9;
}

/* @end */

This happens on Chrome Mac but not in Safari

[Tom]

Try adding this to your CSS as well:

div.inside-header  #menu-primary li.search-item.current-menu-item a:focus,
div.inside-header  #menu-primary li.search-item a:focus {
    background-color: transparent;
}

Let me know if that fixes it or not 🙂

[2urn]

Like a charm. Thanks!

[Tom]

You’re welcome! 🙂

[Author]

Posts