using icon rather then textbox

Ivory Search › Forums › Support › using icon rather then textbox

Viewing 7 reply threads

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

  • Author
    Posts
    • March 22, 2019 at 7:23 PM #1994
      Iowa Wesleyan
      Participant
      • Topics: 5
      • Replies: 6

      Is it possible to have the search icon be visible without the textbox and then when they click the icon, the text box shows up below the icon?

      Attachments:
      You must be logged in to view attached files.
    • March 22, 2019 at 8:05 PM #1997
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

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

      Yes this is possible to achieve by setting search form style to Dropdown as described in the below documentation.

      Change Menu Search Form Style

      Best regards,
      Ivory Search Support

    • March 22, 2019 at 8:47 PM #1998
      Iowa Wesleyan
      Participant
      • Topics: 5
      • Replies: 6

      Thank you for responding back. I don’t think it’s working. The website is iw.edu. If you go there, you will see another search icon – that one is WordPress’s search function. But if I add it to the Primary menu, I see the icon, but it’s black and when I click on it, it won’t open to the text box. When I try to add it to any of the other select menus, it doesn’t show up. The options are Primary, Split menu left, split menu right, mobile menu, Header microwidget 1, header microwidget 2, or bottom menu. I am using The7 theme that I purchased on ThemeForest.net. I can use the shortcode and add it to the middle section of the header, but it only shows the textbox, which takes up too much space.

    • March 23, 2019 at 11:24 AM #1999
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      That type of dropdown search form only works in the menu so could you please display it in the menu so that I can help you to change search Icon solor to white and make it work?

    • March 25, 2019 at 8:21 PM #2005
      Iowa Wesleyan
      Participant
      • Topics: 5
      • Replies: 6
      This reply has been marked as private.
    • March 25, 2019 at 8:25 PM #2006
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      Yes, you can share me your site log in details privately by checking the option “Set as private reply” when replying to this topic.

    • March 26, 2019 at 12:53 AM #2008
      Iowa Wesleyan
      Participant
      • Topics: 5
      • Replies: 6
      This reply has been marked as private.
    • March 26, 2019 at 7:57 PM #2011
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      I logged into your shared site and confirmed the issue which seems some type of conflict issue.

      I have resolved the issue now by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

      li.is-menu.dropdown:hover > form {
    display: block;
}

li.is-menu input.assistive-text.searchsubmit {
    clip: unset;
}

li.is-menu path {
    fill: #FFF;
}
  • Author
    Posts
Viewing 7 reply threads

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