Search button need right to left align

Ivory Search › Forums › Support › Search button need right to left align

Viewing 4 reply threads

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

  • Author
    Posts
    • July 20, 2023 at 5:13 PM #16999
      Mohammed Shilme
      Participant
      • Topics: 1
      • Replies: 6

      Thanks for such a great plugin! I can’t seem to figure out how to align the search icon to the very right of my navbar menu. I’d like to the search icon to be positioned get right align, now left align so i need start from right side for search button, please support me.

      but currently now i used CSS but that is not work properly for responsive

      please check below link my website

      Tour Home Page

    • July 20, 2023 at 5:19 PM #17001
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,749

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

      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

      #main-menu .is-menu form.is-search-form {
    direction: rtl;
}

#main-menu .is-menu form input.is-search-input {
    border-right: solid 1px #ccc!important;
}

      Best regards,
      Ivory Search Support

      • July 23, 2023 at 10:52 PM #17033
        Mohammed Shilme
        Participant
        • Topics: 1
        • Replies: 6

        Thanks for reply,,,, but you wrongly misunderstood, sorry to say that, i don’t need search icon only right to left

        Actually i need that search icon full box will come left to right, for example my logo start left to right ok, same thing search box will come to right to left, please check screenshot, i need same my screenshot like, please help me.

      • July 23, 2023 at 10:56 PM #17034
        Mohammed Shilme
        Participant
        • Topics: 1
        • Replies: 6

        Thanks for the reply, but you wrongly misunderstood, sorry to say that, I don’t need the search icon only right to left

        Actually, I need the search icon a full box will come from left to right, for example, if my logo starts from left to right ok, the same thing search box will come from right to left, please check the screenshot(attachment picture), I need the same screenshot(attachment picture), please help me.

        Attachments:
        You must be logged in to view attached files.
    • July 24, 2023 at 3:38 PM #17043
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,749

      It appears there on your website as shown in the attached screenshot.

      Please advise.

      Attachments:
      You must be logged in to view attached files.
      • July 24, 2023 at 4:50 PM #17046
        Mohammed Shilme
        Participant
        • Topics: 1
        • Replies: 6

        yes, i put some CSS code but you can try 80% zoom screen, 70%, 60% and 100%, 110% zoom screen then please check your screen, that will change the position
        please help me

    • July 24, 2023 at 5:03 PM #17047
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,749

      Please remove the CSS code that you have put and use the below CSS code.

      @media (min-width: 1240px){
    #header li.is-menu {
        float: right;
        margin-top: 28px;
    }
    #header .header div.header-left {
        display: block;
    }
    #header div.header {
        display: block;
    }
}
      • July 26, 2023 at 11:47 AM #17056
        Mohammed Shilme
        Participant
        • Topics: 1
        • Replies: 6

        Thanks a lot, It’s working CSS Code, Once again Thank you so much 🙂

    • July 26, 2023 at 6:16 PM #17060
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,749

      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.

  • Author
    Posts
Viewing 4 reply threads

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