Search field hidden on mobile device

  • Resolved AnitaVM

    (@anitavm)


    6 years, 6 months ago

    Thanks for a great plugin. It works perfectly when visiting my website on a desktop but not on a mobile device.

    When you click the ivory search icon from the drop down menu of my website the keyboard pops up but the search field disappears. You can no longer see what you are typing. If you type anything (blindly) and press enter, the search will work perfectly and give the right results, but you do need to see what you are typing!

    Please help

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    I hope you are well today and thanks for posting here.

    I could confirm the issue on your shared site which seems happening because of the theme conflict.

    To resolve it you can always display search form on mobile by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

    
@media screen and (max-width: 1000px){
body .is-menu.full-width-menu > a,
body .is-menu.sliding  > a {
    display: none;
}

body .is-menu.full-width-menu form,
body .is-menu.sliding form {
    position: static;
    width: 300px !important;
}
}

    Best regards,

    Thread Starter AnitaVM

    (@anitavm)

    I used the css code you supplied and it works by showing the search field at all times (instead of the search icon) in the mobile device drop down menu. Maybe not the perfect solution but good enough!

    Thanks for your prompt response and solution.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Yes as described in the above reply that the provided CSS solution will always display search form on mobile.

    Actually by default the search icon and search form should work on mobile but it is not working with the theme you are using on your site due to conflict in menu functionality.

    You can contact your theme author to resolve this conflict and can confirm the plugin is working fine by using it with any default WordPress theme such as Twenty Seventeen.

    Thread Starter AnitaVM

    (@anitavm)

    Yes, Ivory plugin works fine otherwise and it is the theme I’m using that is creating a conflict.

    But I’m happy to use the solution you provided. Thanks again!

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You are always welcome here ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Search field hidden on mobile device’ is closed to new replies.