Expand to the right instead of to the left, due to small left sidebar

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

.is-menu.full-width-menu form,
.is-menu.sliding form {
left: 0;
right: auto;
}

.is-menu .search-close {
right: auto;
left: -22px;
}

Best regards,

Thank You so much, @vinod-dalvi !

Brilliant, that gets me a step closer! I still had to add “position” because otherwise the form would not be above the menu container.
This way I also have the horizontal alignment the way I want it.

What I can’t manage is the vertical position, see screens:

If I manually enter my values for TOP in the browser, the display is perfect. But if I set them in the css in the backend, TOP: 12px remains and I don’t know what to do.

With !important I’ve found the solution:

.is-menu.full-width-menu form,.is-menu.sliding form {left: 15px; right: auto; position: fixed; top: calc(100vh - 50px)!important;}

Now it’s realy great, thank You again!

• This reply was modified 5 minutes ago by WP-Henne. Reason: Solved after reply