Hi, team tagdiv.
There’s a bug in your theme. You gave us flexibility to use beautiful animation, namely placeholder travel, on searchbar. When user is typing in the searchbar, the placeholder goes up and becomes invisible because of the opacity set to 0 on focus. That’s great and how it should be.
But the point is when the search is done and user lands on the search page, the search term is still in the searchbar which is fine. But the placeholder is also there and it creates mess in the searchbar. Neither the placeholder nor the search term is clear since one is overlapping the other.
Got a solution without using a custom css? If you think that this is not an issue or a bug and won’t be addressed by the developers in future update, then please give me the css code (cross-browser-compatible).
Thanks.
Hi,
This problem can be fixed using tagDiv Composer, click on the search and set a number for Placeholder travel -> https://i.imgur.com/eFInQ4l.png -> https://i.imgur.com/QCaFdMv.png if this is set to 0 the results will be -> https://i.imgur.com/3BnvNUb.png
If this is not what you mean, please provide some more details and some screenshots!
Let me know the results!
Thank you!
I am also using a number for placeholder travel and haven’t set it to 0. In my case it’s set to 50.
This is the why it’s working fine for you but not for me:—
You are using the search feature through search icon and when you click on the icon, the search bar automatically gets focused as you can see in the screenshot you sent. In my case I am not using the search icon but the full width search bar in the main menu (Screenshot), So when I search something, it works fine but when I click anywhere else on the screen, the placeholder comes back because the focus is removed but it should not work like this(Screenshot). In your case the searchbar on the search page looks fine, because you’re not using any placeholder for that. Try to use placeholder for the search bar and you’ll see the issue I am talking about.