[Resolved] Navigation Search Bar

[Pawel]

Hello,
I have some problem with navigation search bar (put search icon on the right side) on my website http://www.skleposz.pl

I tried to follow the instructions on this link:
https://generatepress.com/forums/topic/navigation-search-bar/page/3/.

I added in css:

.main-navigation .search-item {
	display: none;
}

.main-navigation .search-item.custom {
	display: block;
}

Unfortunately, two icons appear when I follow the instructions above.

What can I do with it?

[Leo]

Hi there,

Can you clear and disable your caching plugin first?

[Pawel]

Done. I cleared site and disabled the caching plugin.

[Leo]

Ok just trying to see what we are trying to do here.

You prefer to use the FA icon and just want to hide the GP default icon?

Let me know 🙂

[Pawel]

GP default icon looks good 😉

It would be nice if the search icon appeared in the mobile version as well.

[Leo]

Sorry I’m a little confused.

So what’s the issue?

the FA search icon shouldn’t be there by default.

[Pawel]

Yea – You are right.

Just need to 1 search icon on the right side. That’s all

[Leo]

Ok that case can you remove the FA icon and the CSS you’ve added first?

So I can see what the original issue was.

Thanks 🙂

[Pawel]

Done 😉

[Leo]

Damn that’s tougher than I thought.

Looks like using the previous with FA might be the easiest still.

Can you implement the method again?

Then we will hide GP’s default icon with some CSS.

Sorry about that and let me know 🙂

[Pawel]

Done.

I know it is tough. I spent a lot of time on it and finally gave up. That’s why I write here 😉

[Leo]

This should do it:

.search-item a:before {
    content: none;
}

Let me know 🙂

[Pawel]

It works 😉

Thanks!

[Leo]

No problem 🙂

[Author]

Posts