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 appreciate that. 🙂

If I can help you further, please don’t hesitate to ask.

Please try using the CSS code below to replace the above shared CSS code.

@media (max-width: 921.9px) {
    #ast-mobile-header form.is-search-form {
        width: 100%;
        margin-top: 11px;
    }
        
    #ast-mobile-header .site-header-section{
        justify-content: left;
        display: block;
        width: 100% !important;
    }

    #ast-mobile-header .ast-builder-layout-element{
        display: block;
    }
}

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

@media (max-width: 921.9px) {
#ast-mobile-header form.is-search-form {
    width: 490px;
    max-width: 100%;
}
    
#ast-mobile-header .site-header-section{
    justify-content: left;
}
}

Best regards,
Ivory Search Support

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

Could you please share the page URL from your site where it displays so I can help you?

Best regards,
Ivory Search Support

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

You can achieve this custom requirement by developing a custom code.

If you are not a developer, you can consider hiring a developer to develop it. You can hire a developer from any freelance site or WordPress agency.

You can also consider hiring me to develop it for you using the form https://ivorysearch.com/custom-work/

Best regards,
Ivory Search Support