This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Search Listing Above Search Bar

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Search Listing Above Search Bar

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #53564
    lanawinnichyn_ygaglanawinnichyn_ygag
    Participant

    Hello,

    My client would like to have a search bar on their footer, but when you search, the list below the bar extends the footer, which we don’t like. Is there a way that when you start typing your search the search list appears above the search bar?

    #53571
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Hi,

    Well, there is no feature for that as of yet, but it might be possible via using the search and the results shorcodes and some custom CSS:

    1. Place the results shorctcode or block before the search shortcode, so it looks something like this:

    [wpdreams_ajaxsearchpro_results id=1 element='div']
    [wd_asp id=1]

    This will place the results container above the search.

    2. Then use this custom CSS to force the correct position:

    div[id*="wpdreams_asp_results_"] {
        position: relative;
    }
    
    .asp_r {
        bottom: 0 !important;
        top: auto !important;
        left: auto !important;
        position: absolute !important;
    }

    It should place the search results floating above the search input.

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