[albanleong]

I found a small issue with the live-search results box when viewing it from a mobile device. Seems like the results does not follow the responsive settings of the search-box. Is there a fix for this?

I’m assuming its just some CSS that I would be able to apply easily?
Thanks!

Please see screen-shot below:
https://www.dropbox.com/s/iw3aqxtwxxwjnh1/live-search-box.png

[Juanfra Aldasoro]

Hi There,

Thanks for writing.

Would you please tell me what device/resolution is that are you using/viewing?

Thanks again,
Juan.

[albanleong]

I’m testing it on my iPhone 5 in both landscape and portrait mode and on both scenarios, the results box is larger than the screen.

Also, if you just reduce the browser window to anything less than 790px, you should see that the results box starts to grow and off-aligned with the top search box.

[Juanfra Aldasoro]

Hi,

Thanks for your response. We’ll be reviewing this issue.

In the meantime you can try adding the following CSS:

@media screen and (max-width: 1024px) {
    #search-result{ display: none; }
}

Best,
Juan

[albanleong]

Thanks and yes, this CSS code will work for now to hide the search results box.

[Juanfra Aldasoro]

Great. We’ll we working on this issue.

Have a nice weekend,
Juan.

[albanleong]

May I also suggest that since the live-search drop-down only shows the post_type = article and faq to also include the following code in header.php (somewhere between line 120-121) so that the search results page is consistent with the live-search drop-down list?

Thanks! You guys have a great weekend too!

[albanleong]

Uh oh~ Forgot to encode the HTML tags… Let me try again…

<input type="hidden" name="post_type[]" value="article" />
<input type="hidden" name="post_type[]" value="faq" />


[Juanfra Aldasoro]

Great, thanks for the suggestion.

Best,
Juan.