Search box alignment

  • Resolved doowayne

    (@doowayne)


    3 months ago

    Hi,

    I just installed the plugin on my website (which is currently offline, so I can’t provide a link), and I have an issue with the live search box: it does not display correctly within the page :

    I’ve seen on other topics that this occurs regularly, so I tried to add CSS properties to force an alignment to the top at 0px as advised on other posts, but when I do so the search box still doesn’t align with the search bar. It seems to be align with a parent component several levels before the search bar.

    It appears to be working properly if I remove the top: 580.75px property from the inspector, without adding the top: 0px property. But I don’t know how to apply this in the CSS of my website.

    Can you help me with this ?

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

    (@msaari)

    If top: 0px doesn’t work, is there another value for top that works? Without seeing the site I can’t provide exact details, but it looks like top: 100px might be closer to the right spot.

    Thread Starter doowayne

    (@doowayne)

    Thank you for your response !

    If I put top: 86px it does display correctly on my desktop, but it’s not responsive. I was hoping there was a way to fix it without having to define a specific value manually for every display (and without having to change it if I modify anything in this section of the website).

    • This reply was modified 3 months ago by doowayne.
    Plugin Author Mikko Saari

    (@msaari)

    You can see if this snippet makes the results align better:

    add_filter( 'relevanssi_live_search_add_result_div', '__return_false' );
    Thread Starter doowayne

    (@doowayne)

    It works ! Thank you for your help !

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