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

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Search box moves to the right when loader and clear icons appear

This topic contains 3 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 7 years, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10429
    yaniv691
    yaniv691
    Participant

    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

    #10431
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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 :)


    #10432
    yaniv691
    yaniv691
    Participant

    Hi Ernest,

    Thank you very much for the quick response.

    Your fix did the trick!

    Yaniv

    #10433
    Ernest Marcinko
    Ernest Marcinko
    Keymaster
    You cannot access this content. Best,
    Ernest Marcinko

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


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Search box moves to the right when loader and clear icons appear’ is closed to new replies.