Search button on mobile on second row

Ivory Search › Forums › Support › Search button on mobile on second row

Viewing 4 reply threads

You must be logged in to create new topic or reply to the topic.

  • Author
    Posts
    • June 19, 2020 at 11:23 PM #4991
      runavod
      Participant
      • Topics: 1
      • Replies: 2

      Hello,
      I have problem with search form style 3 (with svg icon). It is placed in header widget.
      On mobile devices with on narrower displays the search button comes on second line under search field.
      How can I achieve to have it in one row?
      Best Regards

    • June 20, 2020 at 1:33 PM #4994
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      Sorry to hear about the problem you are having.

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

      Best regards,
      Ivory Search Support

    • June 20, 2020 at 1:48 PM #4995
      runavod
      Participant
      • Topics: 1
      • Replies: 2

      Hello,
      it is happening on e.g. this url https://www.paysitesreviews.net/top-10/ when you try to access it from mobile phone.
      The search button is not in the same row as search field.

      Best Regards

    • June 22, 2020 at 9:47 AM #5019
      runavod
      Participant
      • Topics: 1
      • Replies: 2

      Hello, I returned to previously used code.
      Best Regards

    • June 22, 2020 at 12:24 PM #5024
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      You can resolve this by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

      #masthead .is-search-form label {
    width: calc( 100% - 40px );
}
#masthead .is-search-form input.is-search-input {
    width: 100%;
}
  • Author
    Posts
Viewing 4 reply threads

You must be logged in to create new topic or reply to the topic.