Search box moves to the right when loader and clear icons appear

[yaniv691Participant]

Hi,

My search bar moves a bit to the right when typing a query (when the loader appears). It stays there with the clear icon, but after clearing it moves back to the left.

How can I fix this strange behavior?

Thanks,
Yaniv

[Ernest MarcinkoKeymaster]

Hi!

It’s because the container element has additional space to move in, and the search box layout is flexible (because it’s set to a percentage value of 55%) when the loader is displayed.

You can easily fix it by setting a min-width property or a fixed width for the search box, like so:

.asp_main_container {
    min-width: 250px;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[yaniv691Participant]

Hi Ernest,

Thank you very much for the quick response.

Your fix did the trick!

Yaniv

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts