Adjust Search Bar Width to fit screen size when using details box

Ivory Search Forums Support Adjust Search Bar Width to fit screen size when using details box

Viewing 2 reply threads

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

  • Author
    Posts
    • #7989
      dniefie
      Participant
      • Topics: 1
      • Replies: 1

      Hi,

      I have 2 questions, I hope you can help me.

      1) I need to change the search bar width to make it smaller, so that when the Ajax details box displays when hovering over a product it doesn’t go off the right side of the screen.

      2) Is there a way to display a button or icon when a user starts typing a search term, to clear all the words or characters already written and close the search results box? This could be useful for mobile version.

      Thanks for your help.

    • #7990
      dniefie
      Participant
      • Topics: 1
      • Replies: 1
      This reply has been marked as private.
    • #7997
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,737

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

      1) I need to change the search bar width to make it smaller, so that when the Ajax details box displays when hovering over a product it doesn’t go off the right side of the screen.

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

      .site-header .product-extra-search form.is-search-form {
          max-width: 400px;
      }

      2) Is there a way to display a button or icon when a user starts typing a search term, to clear all the words or characters already written and close the search results box? This could be useful for mobile version.

      Currently, the Ivory Search plugin does not provide this functionality but I will consider implementing it in the future version of the plugin.

      Best regards,
      Ivory Search Support

Viewing 2 reply threads

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