[Resolved] Text of search bar is displaying under my logo

Home Forums Support Text of search bar is displaying under my logo

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1219680
    David

    Hello team! 🙂

    1st question:

    I’m working on a new site with WooCommerce. The search icon are active. But… when I’m writing on it, the text appears under the logo. Why?

    2nd Question:

    When I click to the search icon, I can’t see any visual change (for example, a light-grey background on the search bar). It is possible to make any change with that?

    Thank you!

    #1219806
    Leo
    Staff
    Customer Support

    Hi there,

    1. Try this CSS and adjust the number as you see fit:

    .navigation-search input {
        width: 85%;
    }

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

    2. Try the options in Customizer > Colors > Primary Navigation > Navigation Search.

    Let me know if this helps 🙂

    #1269427
    David

    Hi Leo!

    The color settings are OK! Nice 🙂

    But the CSS code it don’t work well.

    The search box should open (start) between the menu (“contact”) and the magnifying glass icon.

    Another option to add in future versions … is that when you click on the search button, the text box opens in full screen (with the black background with transparency). The same option that can already be done with the menu in mobile.

    I am attaching a sample image with the current provided CSS code applied.

    https://ibb.co/LxKSdvC

    Thank you!

    #1269548
    Leo
    Staff
    Customer Support

    I’m not seeing my CSS being added.

    Can you add it so I can see the issue?

    #1274874
    David

    Hi Leo! The code is active now. The website is diana.cloud

    Thank you

    #1275174
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS instead:

    .navigation-search.nav-search-active {
        max-width: 360px;
        left: auto;
        right: 90px;
    }

    And the color change can be made as Leo explained:

    2. Try the options in Customizer > Colors > Primary Navigation > Navigation Search.

    #1276318
    David

    It works! Thank you so much GP Team 🙂

    #1276577
    David
    Staff
    Customer Support

    Glad we could be of help

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