Navigation Search is not showing properly in GeneratePress !!!

Hi there,

Can you activate the navigation search and disable the caching plugin so we can inspect the code and determine the issue?

Thanks ??

Leo, I have cleared the website cache. please check again. You can also clear your browser cache or open the website in an incognito tab.

Thank you for your time ??

I see the issue.

Looks like there is simply not enough room.

My recommendation would be to re-crop your logo image so there is minimum padding on the sides:
https://www.screencast.com/t/HUbVZb14co

Leo, can you please provide any css code to fix this problem? And what is the suggested logo size in pixels for the navigation logo? Please help me to fix this problem.

My suggestion of re-cropping the logo here is the best solution for this problem:
https://www.ads-software.com/support/topic/navigation-search-is-not-showing-properly-in-generatepress/#post-13685936

Can you give that a shot first?

We can try other solutions if this one doesn’t work.

Leo, I’ve tried to edit the logo directly, but nothing happens. So please provide any css code to fix this problem.

I’m still seeing the exact same logo as before with extra padding on both sides of the logo image:
https://www.screencast.com/t/3QZmnqmE8iT

Did you clear your caching plugin after cropping and reuploading the logo?

CSS really isn’t the best solution here.

• This reply was modified 4 years ago by Leo.

This CSS is working. But as Leo said, reducing the width of your logo is better. You can reduce the logo width using MS Paint. Your logo though is created with padding on the left and right!

.navigation-branding img{
    width: 150px;
}