Remove magnifiying glass search icon from mobile menu

Ivory Search › Forums › Support › Remove magnifiying glass search icon from mobile menu

Tagged: ,

Viewing 5 reply threads

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

  • Author
    Posts
    • March 3, 2024 at 8:08 PM #19522
      Mark
      Participant
      • Topics: 3
      • Replies: 6

      Hi

      Great plugin and working perfectly except… I am unable to remove the search icon from the mobile (burger) menu. I am using the search box (drop down) on the main navigational menu and a short code for mobile use. The problem is I cannot remove the icon from the mobile menu which I couldn’t get to work and don’t want. Gone through the forums the following doesn’t work, which seems the common suggestion.

      @media only screen and (max-width: 767px) {
      #menu-item-search {
      display: none;
      }
      }

      Everything else is working perfectly. Using the Enfold theme. Perhaps a theme problem, but Ivory, puts the icon in the menu when it is enabled. Disable Ivory, and it goes.

      Thank you for your support.

    • March 4, 2024 at 3:47 PM #19525
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,789

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

      Could you please share your site URL where it’s displaying so I can help you?

      Best regards,
      Ivory Search Support

    • March 5, 2024 at 10:09 AM #19537
      Mark
      Participant
      • Topics: 3
      • Replies: 6

      Hi

      The website is:
      https://www.classroom365.co.uk/
      Search is working well for desktop. For mobile, I have set up a short code for testing and works well.

      Thank you for your support.

    • March 5, 2024 at 6:15 PM #19543
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,789

      You can remove search bar on mobile 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

      #av-burger-menu-ul>li.is-menu {
    display: none !important;
}
    • March 6, 2024 at 12:32 AM #19545
      Mark
      Participant
      • Topics: 3
      • Replies: 6

      Hi. Amazing, it works. I thought I had tried everything. Thank you so much. I shall write a review.

    • March 6, 2024 at 3:27 PM #19553
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,789

      You are always welcome, I’m glad I was able to help you with this matter.

      Click to leave a review

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

  • Author
    Posts
Viewing 5 reply threads

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