I need to configure the search with search box and filter in one row.

[george]

Hi,

I want to place a search box on header. I have the issues as the attached screenshots? Can you guide me how to configure to prevent those issue?

Best regards,
Cactusthemes

[Ernest Marcinko]

Hi,

Sure!

Can you add a relevant URL where I could take a look? It looks like negative margin/transition on the container, but it’s impossible to tell only by screenshots.

[george]

Hi,

Sorry for the late reply.

You can check the header search box in this page.

https://www.gameforce.blog/test-ajax-search/

Hope you can suggest me the options to configure to make the search box looks better on header like that.

Best regards,
Cactusthemes

[Ernest Marcinko]

Sure!

I see the issues now. Make sure to revert these options back to default:
– Search settings: https://i.imgur.com/o5Vs5X9.png
– Results layout: https://i.imgur.com/wfekcRn.png
These will make sure to have the settings and the results into a floating position, which is much better for a header implementation.

[george]

Hi,

Sorry for the late feedback.

I configured as you advice. It looks much better. There just are two things need to improve.

1. Instead showing three dots, can I show the categories select box there? Also, when I click on three dots, I cannot select category, the popup closed when I clicking on the selection.

2. Where can I make the search result box larger?

Best regards,
Cactusthemes

[Ernest Marcinko]

Hi,

You are welcome!

1. I’m afraid not in an inline position. You could use the search and the settings shortcode separately side-by-side in a two row container, but that would not have the same effect.

2. You can change it here: https://i.imgur.com/8ocKiVB.png

[george]

Hi,

Sorry for the late reply.

1. I can use three dots. But I still cannot click the filter items. Can you help?

Best regards,
Cactusthemes

[Ernest Marcinko]

Sure!

I tried, but on my end it seemed to work all right. I clicked the dots, then tried the filter but it was okay: https://i.imgur.com/289kqBk.png

[george]

Ah, I noticed the issue only happens on Safari browser instead. Could you check it on Safari?

[Ernest Marcinko]

Sure!

It seems to work on Safari as well: https://i.imgur.com/c0jQqyb.png

Can you try clearing the site and the browser cache? Usually when there is a difference on ends, it is the cache or a browser extension.

[george]

Thanks,

I got it worked when checking on private window. Thanks for your help. Your support are great!

Best regards,
Cactusthemes

[Ernest Marcinko]

Great 🙂 You are very welcome!

If you don’t mind, I will close this topic soon and mark it as resolved, feel free to open another one if you have other questions or issues.

If you like the plugin and have not rated already, feel free to leave a rating on your codecanyon downloads page and on the wordpress plugin repository, it’s greatly appreciated.

[george]

Hi,

I already voted five stars for your plugin and support.

Sorry for re-open this ticket, but I just noticed that, the last issue is not due to cache. The issue only is happened for logged in users.

The issue:
– if user logged in, when they click on three dots and select filter, the dropdown immediately closed so I cannot select any filter category.
– if user not logged in, everything is ok.

Hope you can help me to solve this weird issue.

Please use this account for testing.

George/v7w(%6$)DmuGWTJUm(AjUdeG

https://www.gameforce.blog/test-ajax-search/?wpo_single_page_cache_purged=1

Thanks in advance.

Best regards,
Cactusthemes

[Ernest Marcinko]

Thank you very much for your rating!

Interesting, I tried to debug this, but I can’t see any difference within the handlers, it must be something I’m not seeing. My guess there is something else also involved, but the debug tools see no difference in output.

Can you please check you have the latest update installed? From the front-end it looks like it’s not the latest version. It should be 4.26.11
Just to make sure it’s not something that was already fixed.

[Author]

Posts