Premium support

Please log in to post in these forums. If you didn't create an account when you purchased, please contact us.

Free support

If you haven't purchased GP Premium, support for the free theme can be found on WordPress.org.

[Resolved] Navigation Search issues

Home Forums Support Navigation Search issues

This topic contains 7 replies, has 2 voices, and was last updated by  Leo 1 week, 3 days ago.

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

    Q

    Hi There,

    I have an issue regarding the GeneratePress Navigation Search.

    Would it be possible to have the search open like the search I created in the top grey menu bar using Elementor (which opens over the whole page). http://a2i.qnsmedia.com/home-3

    or

    A search which opens a line below the menu bar. https://hiphopdx.com/

    I have created a menu bar in GeneratePress that works as you stated on the site “When you click it, a semi-transparent search bar covers your menu items and allows you to enter a term to search your site”, but there is no semi-transparent search bar that covers my menu items. This is the second menu bar on http://a2i.qnsmedia.com/home-3.

    I will use this method if I have to, and if I can fade the menu items as I don’t want to see the menu items when having to search, but really looking for another method like the two above.

    Regards and a Happy New Year
    QNS

    GeneratePress 2.0.1
    GP Premium 1.5.6
    #462424

    Leo
    Staff
    #464138

    Q

    Hi Leo,

    Sorry for the late reply. I have implemented the code you suggested.

    It does work but does not achieve the effect I need, as all you see is a cursor on the line below, is it possible to style that area so it can be seen that area is a search area and could there possible be some placeholder text which has the text ‘Search’ in there.

    Thanks again
    Q

    #464205

    Leo
    Staff

    You can change the color with this CSS:

    .navigation-search input[type="search"], 
    .navigation-search input[type="search"]:active,
    .navigation-search input[type="search"]:focus {
        color: #ffffff;
        background-color: #222222;
    }

    See second example for text: https://docs.generatepress.com/article/generate_navigation_search_output/

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #464817

    Q

    Hi Leo,

    The first example does not seem to work, I still just see the cursor, it’s a bit strange if I hold down the x icon after click the search for a few seconds, then the background color seems to appear.

    The second example for the text works

    Thanks again
    Q

    #464863

    Leo
    Staff

    Can you try the edited code above?

    Let me know.

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #464878

    Q

    Hi Leo,

    Great, that worked.

    Thanks for the fix.
    Q

    #465217

    Leo
    Staff

    No problem!

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.