Adjustment drop down field

Ivory Search › Forums › Support › Adjustment drop down field

Viewing 2 reply threads

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

  • Author
    Posts
    • March 18, 2020 at 10:20 PM #4141
      plueschmors
      Participant
      • Topics: 1
      • Replies: 1

      Hello, everybody.
      I hope you are doing well so far, despite the difficult situation most of us facing at the moment.

      I use the free time I have at the moment to continue working on my website.
      Just the other day I installed Ivory Search and I must say that it is a great plug in. Thank you very much for that, it enriches WordPress and your own design possibilities a lot.

      Nevertheless I have a problem 🙂
      I use the Escapade Theme and therefore have my main menu in the left sidebar.
      Now I try to integrate the search field as a drop down field in the menu. The problem is that the search field extends beyond the left edge of the screen. The field is too wide. But I only have this problem with the desktop view. The mobile version is working perfectly.

      In the default search style I have already adjusted the search field so that it does not protrude over the left edge of the screen, but this adjustment is obviously not working for the drop down style.
      I had already searched the forum and found something here and there. But unfortunately the CSS mentioned there did not work for me.
      My website: https://www.korn.dev.infrabyte.de/
      How can I solve the problem?

      Additionally I have the questions how to change the font in the search field to „Display Fair“ and how to change the font size in the search field.

      Thanks for your help.
      And stay healthy!

      Best regards

    • March 19, 2020 at 11:02 AM #4152
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

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

      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

      li.is-menu.dropdown form {
    left: 0;
    min-width: 250px;
}

.is-menu.dropdown form input.is-search-input {
    font-size: 16px;
    font-family:"Playfair Display", sans-serif;
}

      Best regards,
      Ivory Search Support

      Attachments:
      You must be logged in to view attached files.
      • March 19, 2020 at 3:55 PM #4163
        plueschmors
        Participant
        • Topics: 1
        • Replies: 1

        Everything works perfectly.

        Many thanks for the fast and competent help!!!!

    • March 19, 2020 at 9:58 PM #4167
      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.