Not working on mobile

I hope you are well today and thank you for your question.

Could you please share your site URL where it’s happening so that I can troubleshoot it?

Best regards,

Hi @vinod-dalvi

Thank you for responding. Is there any way I can send it in private? Thank you.

Yes, you can send it using the form https://ivorysearch.com/contact/

Great @vinod-dalvi I have sent you the url!

I visited your website URL and saw this is happening because of the theme that you are using on your website.

You can resolve this by always displaying the search form on mobile.

To do this please add the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Admin Area -> Ivory Search -> Settings -> Settings

@media screen and (max-width: 910px) {
body .is-menu.is-dropdown > a {
    display: none;
}
body .is-menu.is-dropdown form {
    display: block;
    position: static;
}
}

Hi @vinod-dalvi

Thanks for your help. I added the code, but when I do the search function disappears altogether. There is no magnifying glass or anything. I don’t use a cache plugin. When I remove your code, I can see the magnifying glass.

@vinod-dalvi I added !important and now it works!

Just a couple of questions. Is it possible so that the screen does not zoom in when you click the search bar on mobile?

And is it possible to move the search bar to the top of the menu on mobile?

Many thanks

• This reply was modified 4 years, 1 month ago by danniee.

Just a couple of questions. Is it possible so that the screen does not zoom in when you click the search bar on mobile?

This is your theme functionality so you have to contact the theme support to disable it for the mobile menu search form.

And is it possible to move the search bar to the top of the menu on mobile?

You can do it for both desktop and mobile by configuring the plugin menu search settings but can’t do it specifically for the mobile.

@vinod-dalvi

This is your theme functionality so you have to contact the theme support to disable it for the mobile menu search form.

This is not a functionality of my theme. This is a functionality of the plugin. I have asked the theme support and they say they don’t have such functionality + it’s your plugin/search field, not theirs.

So any idea how I can get rid of the zooming effect? It’s very annoying.

Many thanks.

EDIT: actually I found this comment when searching on Google:

I found that iOS automatically zooms in if the font size within the fields is less than 16px, so setting it to 16px solved this. Thank you for your reply!

So how can I change the font size on mobile view please?

• This reply was modified 4 years, 1 month ago by danniee.
• This reply was modified 4 years, 1 month ago by danniee.

So how can I change the font size on mobile view please?

Please use the below CSS code to achieve this.

@media screen and (max-width: 910px) {
.is-menu .is-form-style input.is-search-input {
    font-size: 14px!important;
}
}

Thank you @vinod-dalvi all works now!

You are always welcome, I’m glad I was able to help you with this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

https://www.ads-software.com/support/plugin/add-search-to-menu/reviews/

I’d really appreciate that. ??

And if I can be of any further assistance please don’t hesitate to ask.

5 stars of course!

Thank you very much!