resize the search box

  • Resolved huyphamipro

    (@huyphamipro)


    4 years, 11 months ago

    hello,
    please help me to reduce the width of search box for my header. I inspect the css as “element.style {
    }
    .is-form-style.is-form-style-3 label {
    width: calc(100% – 100px)!important;
    }”
    After that it looks like smaller but the “hidden space” still there so I can not move my menu next to right more.
    Thanks for supporting

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    4 years, 11 months ago

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

    Please remove the above shared CSS changes that you have made.

    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

    #masthead form.is-search-form {
    max-width: 200px;
}

    Best regards,

    Thread Starter huyphamipro

    (@huyphamipro)

    4 years, 11 months ago

    Appreciate your warm helps. Thanks

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    4 years, 11 months ago

    You are always 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 3 replies - 1 through 3 (of 3 total)

The topic ‘resize the search box’ is closed to new replies.