Site logo

[Support request] Re-design search bar

Home Forums Support [Support request] Re-design search bar

Home Forums Support Re-design search bar

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2573787
    Klara

    Hello, I’m designing a website and the searchbar is giving me some trouble.

    searchbar

    – It is possible to remove the “Foundations…”-menu from inside the search area? It’s an off-canvas menu.
    – What css-class should I style if I want to change the appearance of the white search box?

    #2573823
    David
    Staff
    Customer Support

    Hi there,

    simple fix would be this CSS to move the nav search below the header when open:

    .navigation-search.nav-search-active {
        top: 100%;
        border: 1px solid #000;
    }

    Let me know if theres a specific style you need… however, in the next GP update we have added Modal Navigation Search, see here:

    https://generatepress.com/a-new-navigation-search/

    Its in the alpha version of GP 3.3:

    https://generatepress.com/category/changelog/

    #2573874
    Klara

    Thank you, however when I try to style it (made it red for clarity) there seems to be a box behind it?

    I want to have it white

    #2573981
    David
    Staff
    Customer Support

    That box is from the input element inside the form that you added the border radius to.

    In your CSS include the overflow: hidden; property to fix that

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