Mobile Search Input Field

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 8 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #5332

    Hey man I have a quick question.

    On the mobile view of the search, the search bar when typing is very small so you only see about 6 words in the input field. I am just wondering how to expand it so that more text shows up while users input their search?

    Ernest Marcinko
    Ernest Marcinko


    My best guess is adding a min-width attribute to the input field. This issue is known for some cases, the upcoming update will have a different approach so this should not appear again.

    In the meantime, I suggest the following CSS code:

    input.orig {
        min-width: 200px !important;

    “200px” usually works, but you might have to change that to a lower/higher value. You can add this custom CSS code to the Ajax Search Pro plugins Theme Options -> Custom CSS panel.

    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.