Positioning of search bar doesn’t work

Ivory Search › Forums › Support › Positioning of search bar doesn’t work

Viewing 6 reply threads

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

  • Author
    Posts
    • May 2, 2024 at 1:11 PM #20397
      Suro
      Participant
      • Topics: 1
      • Replies: 2

      Hello!
      I’m trying to position the search bar on the right side of my menu but it doesn’t move. if you click on the icon it overlaps to other text in the menu.

      I used this code :

      .nav-secondary li.is-menu {
    float: right;
}

      But it stays in the same exact position.

      This is the site :

      Home1

      I’m using the dropdown version of the search bar but it’s the same with all (default, sliding, etc..)

      Thank you

    • May 3, 2024 at 8:20 AM #20414
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,666

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

      I visited your shared website and saw it is already displayed on the right side of the menu as shown in the attached screenshot.

      Please advise.

      Best regards,
      Ivory Search Support

      Attachments:
      You must be logged in to view attached files.
    • May 6, 2024 at 1:28 PM #20456
      Suro
      Participant
      • Topics: 1
      • Replies: 2

      Hello,

      Yes, it does show on the right side but i wanted that when i click on the icon, the textboxt would appears on the right side of it.

      Right now, it overlaps on the left text as shown on the picture i attach.

      Thank you

      Attachments:
      You must be logged in to view attached files.
    • May 7, 2024 at 4:20 PM #20467
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,666

      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

      .is-menu.is-dropdown form.is-search-form {
    left: 0;
    right: auto;
}

.is-menu.is-dropdown .search-close {
    right: auto;
    left: -22px;
}
      • May 7, 2024 at 6:26 PM #20473
        Suro
        Participant
        • Topics: 1
        • Replies: 2

        Great, thank you so much, that worked!

        Got one last question, is it possible to add a 2nd bigger search bar in a particular page (like here https://noggaitalia.it/trattamenti/) that search only by tags?

        Thank you again

    • May 9, 2024 at 2:47 PM #20496
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,666

      Yes, you can achieve this by creating & configuring a new search form and then adding it to the page as described below.

      Display Search Form In Page

    • May 10, 2024 at 1:04 PM #20505
      Ivana Novaković
      Participant
      • Topics: 0
      • Replies: 1

      Hi! I have two questions.
      1. How can I change position of search icon? Is it part of ivory search settings or part of theme settings?
      2. I used Sliding search style. How to make the search bar expand to the right when clicking on the search icon if the icon is on the right side, or to the left if the icon is on the left side, so that it does not cover other items in the main menu?

    • May 10, 2024 at 4:17 PM #20508
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,666

      @Ivana Novaković To help us keep the support thread separated could you please create your own thread for your question instead of posting a reply on others’ thread as it makes the thread messy and hard to read?

      If you want to you can also add a reference to this thread in your newly created thread.

      We would be more than happy to help you with your new thread.

  • Author
    Posts
Viewing 6 reply threads

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