[Resolved] issue with search field in primary menu

Home Forums Support issue with search field in primary menu

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #977842
    Lisa

    https://prnt.sc/opgkxi

    I’m having a problem with the search field in the primary navigation. please see screen capture.
    the icon for search is to the right of the donate button
    (the ‘donate’ and ‘book a tour’ buttons have been added via functions.php)

    When I click search icon the typing field sits directly above the ‘Home’ menu button.
    BUT the text of the menu is still visible and the search field is typed over the menu. ie. I cant see what is being typed….
    How can I set the search field to white or any color so that it is readable and clear to the user?

    #977846
    Lisa

    I added the css you suggested in this topic but it has not improved

    https://generatepress.com/forums/topic/search-box-color-size-expand/

    #977986
    David
    Staff
    Customer Support

    Hi there,

    remove the current CSS you have for the nav search in Simple CSS and try this instead:

    .navigation-search {
        background-color: #ccc;
    }
    #site-navigation .navigation-search input[type="search"],
    #site-navigation .navigation-search input[type="search"]:active
     {
        color: #000;
    }
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.