Support » Plugin: Ivory Search - WordPress Search Plugin » Move the search field to left and fit the height

  • Resolved transiphu

    (@transiphu)


    Hi, i just install the plugin but the result is not good.

    https://i.imgur.com/bmrTPPv.jpg

    How can i move the search field to the left (front of submenu) and the height of search field is fit the height of submenu (action bar)?

    Thank you.

    • This topic was modified 3 months, 2 weeks ago by transiphu.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

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

    Sometimes the search form does not display correctly depending on how the theme that you are using on your site style it.

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

    Best regards,

    Hi, the link is http://b-studio.vn/
    The theme is Betheme.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    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

    #Action_bar li.is-menu {
        float: left;
    }
    
    #Action_bar li.is-menu a.icon_close,
    #Action_bar li.is-menu i.icon_search {
        display: none;
    }
    
    #Action_bar li.is-menu input.field {
        margin: 0 10px 0 0;
        padding: 2px 8px;
    }

    omgod, it worked perfectly.
    Thank you so much for the solution.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    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/

    I’d really appreciate that. 🙂

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.