Change search bar width

Ivory Search › Forums › Support › Change search bar width

Viewing 3 reply threads

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

  • Author
    Posts
    • June 21, 2020 at 1:25 PM #5010
      Tom Ridler
      Participant
      • Topics: 1
      • Replies: 1

      Hi How can I change search bar width and border radius and be mobile responsive? Site I need help with is https://[DELETED]/

    • June 21, 2020 at 1:57 PM #5011
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

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

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

      .site-header-inner-wrap .is-form-style input.is-search-input {
    border-radius: 15px;
    padding: 7px 11px;
    width: 300px;
    max-width: 100%;
}

      It seems that your theme header is not responsive therefore the search form does not display responsively on mobile.

      Could you please contact the theme support to make your website header responsive?

      Best regards,
      Ivory Search Support

    • June 21, 2020 at 2:45 PM #5012
      Tom Ridler
      Participant
      • Topics: 1
      • Replies: 1

      Hi thanks for the great plugin! I contacted them.waiting for a reply!

    • June 21, 2020 at 2:46 PM #5013
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      You are most 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://wordpress.org/support/plugin/add-search-to-menu/reviews/?filter=5

      I’d really appreciate that. 🙂

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

  • Author
    Posts
Viewing 3 reply threads

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