How to set location of live results, and fix live results font colour on mobile

  • My live search results appear too far down the page and to the right, not aligned directly below the search box. I’m unsure what to edit to move it back into the right position.

    Also, when using it on a mobile, the responsive page also shunts the results down, but changes the font colour to be the same as the results background, so you can’t read them.

    Can you help?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Mikko Saari

    (@msaari)

    I tried the search and it’s in a pretty good spot now, so did you already fix this? Usually, the easiest solution is adding this snippet to your site:

    add_filter( 'relevanssi_live_search_add_result_div', '__return_false' );

    The white-on-white text problem on mobile is caused by this entry in your CSS:

    @media only screen and (max-width: 719px)
#header .nav-container .nav li a {
    color: #fff;
    color: rgba(255,255,255,.9);
    border-top: 1px solid rgba(255,255,255,.06);
}

    This sets the link color to white. You can add something like this in your CSS to fix this:

    #header .nav-container .nav .relevanssi-live-search-result a {
    color: #000;
}

    Nice review of Atiwa there – I’ve been thinking about buying it but haven’t pulled the trigger yet.

    Thread Starter tsdadam

    (@tsdadam)

    Thanks Mikko, can I ask where I need to put that snippet?

    Atiwa is great, lighter than his previous games, but a lot of fun and an easier teach than something like Fields of Arle or Glass Road.

    Plugin Author Mikko Saari

    (@msaari)

    There are many places where you can place such snippets. I’ve outlined the most common here.

    I’m a big fan of Nusfjord, and Atiwa seems to hit the same spots.

    Thread Starter tsdadam

    (@tsdadam)

    Fantastic, thanks so much for your help

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to set location of live results, and fix live results font colour on mobile’ is closed to new replies.