Customize mobile search form / box

  • Resolved comaxi

    (@comaxi)


    8 months ago

    Hi, I have 2 questions about how to customize the mobile search box. Thanks in advance for your help!

    #1. How to make the mobile search form/box 90% width on iPhone and iPad , and 3px lower from the top?

    #2 – How to change the mobile search icon location at the right-hand side of the “Top Menu” for both landscape and portrait orientations in iPhone & iPad, as indicated in my screenshot?

    Thank you!


    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)

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

    You can try achieving 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-wrapper form.is-search-form {
    max-width: none;
    width: 480px;
    top: 102%;
}

body .is-menu-wrapper .is-menu > a {
    right: 160px;
    position: relative;
}

    Best regards,

    Thread Starter comaxi

    (@comaxi)

    Thank you!

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    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:

    Click to leave a review

    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 ‘Customize mobile search form / box’ is closed to new replies.