Search Bar open in Nav disables main menu and home button

[Chelsea]

Aloha Generate Press,

Hope you’re having a great day! Can you please take a look at this and perhaps provide a fix?

When the nav search bar is open on the upper right side of the page, it’s not possible to click the main menu or home button without “X’ing off the search bar, which is a pain to do. I would think all links would be clickable even when the search bar is open?

Thoughts?

I included the login details to view the dev url in the Website URL field.

THANK YOU! : )

[Leo]

Hi there,

Unfortunately I don’t think it’s possible with the way the navigation search is set up.

Maybe the workaround solution of inserting the WordPress default search field would work better for this case?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Chelsea]

Hi Leo!

This is the custom CSS that I have applied to the nav search bar (I believe it was originally provided by David @ Generate Press):

/* Nav Search Bar Customization */
.main-navigation li.search-item {
position: absolute;
right: 0;
}
.navigation-search.nav-search-active input[type=”search”] {
max-width:350px;
}

.navigation-search input {
line-height: 1;
}

.navigation-search input[type=”search”]::placeholder {
color: #cccccc;
}

Any way to customize this further to gain that functionality. I thought I was using WordPress search field but just customized it via css.

Thank you!

[Leo]

That CSS is just to position it and add some style and has nothing to do with the functionality.

Any way to customize this further to gain that functionality.

I don’t believe that’s something CSS could do.

I thought I was using WordPress search field but just customized it via css.

You are just using the navigation search option from GP:
https://docs.generatepress.com/article/navigation-search/

The workaround solution would be to insert a WordPress search widget as seen here:
https://docs.generatepress.com/article/sidebar-layout/#default-widgets

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Chelsea]

Thank you for clarification… So the nav bar I’m currently using is Generate Press’s nav bar and it was not designed to allow for other clicking when the nav bar is open? Correct?

[Leo]

Yes that’s correct.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Chelsea]

Ok thank you! From your experience do you know if it is possible to stylize the WordPress search widget to look / operate the same as the one I have created via Generate Press. Wondering if it would be an easy customization?

[Leo]

No – the search field in the search widget will always stay open without the need to click to activate like the navigation search – but that will also mean that you will have access to other menu items/links the nav bar.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Chelsea]

Makes sense. Thank you! Appreciate you looking into this with me! Aloha!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Chelsea]

Leo – is it possible to see / verify if anyone has been able to look at my other open ticket regarding link colors? I posted to comments earlier today.

Ticket #1408233

[Leo]

I’m sure David will get back to you.

Thanks for your patience.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Chelsea]

Thank you! : ) David’s awesome and so are you! Appreciate you guys!

[Leo]

Glad we have been helpful 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts