[Resolved] Search Bar open in Nav disables main menu and home button

Home Forums Support Search Bar open in Nav disables main menu and home button

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1410194
    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! : )

    #1410337
    Leo
    Staff
    Customer Support

    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?

    #1410365
    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!

    #1410369
    Leo
    Staff
    Customer Support

    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

    #1410371
    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?

    #1410373
    Leo
    Staff
    Customer Support
    #1410377
    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?

    #1410380
    Leo
    Staff
    Customer Support

    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.

    #1410384
    Chelsea

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

    #1410385
    Leo
    Staff
    Customer Support
    #1410387
    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

    #1410388
    Leo
    Staff
    Customer Support

    I’m sure David will get back to you.

    Thanks for your patience.

    #1410397
    Chelsea

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

    #1410402
    Leo
    Staff
    Customer Support

    Glad we have been helpful 🙂

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.