Help resizing Search in Navigation Bar

Ivory Search › Forums › Support › Help resizing Search in Navigation Bar

Viewing 2 reply threads

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

  • Author
    Posts
    • May 27, 2020 at 9:27 PM #4825
      IlianaK
      Participant
      • Topics: 1
      • Replies: 1

      Hello!

      I have tried some of the custom CSS I’ve seen in other posts, but nothing seems to be resolving the issue. Currently, the search bar is too large so the Search Icon drops below it.

      Website: https://hatsonthesquare.com/

      How can we make the search bar smaller?

      Thanks!

    • May 28, 2020 at 12:26 PM #4829
      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

      .is-menu form label {
    width: calc( 100% - 100px );
}

.is-menu input.is-search-input {
    width: 100%;
}

      Best regards,
      Ivory Search Support

      • May 28, 2020 at 7:22 PM #4832
        IlianaK
        Participant
        • Topics: 1
        • Replies: 1

        Worked like a charm! šŸ™‚ Thank you!!

    • May 28, 2020 at 10:54 PM #4836
      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 2 reply threads

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