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

@Márcio Silva To help us keep the support thread separated could you please create your own thread for your question instead of posting a reply on others’ thread as it makes the thread messy and hard to read?

If you want to you can also add a reference to this thread in your newly created thread.

We would be more than happy to help you with your new thread.