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

Could you please share your site URL where it’s happening so I can troubleshoot it?

Best regards,
Ivory Search Support

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

Currently, the Ivory Search plugin does not provide this functionality but I will consider implementing it in the future version of the plugin.

In the meantime, you can do this 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

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