
GabrielMiguel(@gabrielmiguel)
3 Posts
Customers
Quote from GabrielMiguel on March 13, 2020, 23:00
Hi there,
The search bar for the text search box is displaying weird on the mobile version of a store I'm building.
On desktop, the search bar displays as a rectangle with a black border, but on mobile it displays like this:

I think at one point it was displaying fine on mobile, then one day out of nowhere it started displaying with the rounded corners.
I'd like the search bar to just be a rectangle with a black border, and the text centered properly (you can see the text is above the search field in the screenshot).
Thanks for the help,
Gabriel
Hi there,
The search bar for the text search box is displaying weird on the mobile version of a store I'm building.
On desktop, the search bar displays as a rectangle with a black border, but on mobile it displays like this:

I think at one point it was displaying fine on mobile, then one day out of nowhere it started displaying with the rounded corners.
I'd like the search bar to just be a rectangle with a black border, and the text centered properly (you can see the text is above the search field in the screenshot).
Thanks for the help,
Gabriel

Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
Quote from Pablo Borysenco on March 16, 2020, 14:29
Hello Gabriel
It depends on your styles. Please drop me exact link to the issue
Hello Gabriel
It depends on your styles. Please drop me exact link to the issue

GabrielMiguel(@gabrielmiguel)
3 PostsTopic Author
Customers
Quote from GabrielMiguel on March 16, 2020, 19:00
Hey Pablo,
I see. Here's the link: https://pj.builtbypristine.media/shop/
Thanks,
Gabriel
Hey Pablo,
I see. Here's the link: https://pj.builtbypristine.media/shop/
Thanks,
Gabriel

Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
Quote from Pablo Borysenco on March 17, 2020, 13:19
Hello Gabriel
My test - https://c2n.me/46tZqJ0.jpg
https://c2n.me/46tZAEI.png - And I see these styles. That should fix your problem.
And try to add:
.woof_container .woof_container_inner input[ENGINE="search"] {
line-height: normal !important;
}
Hello Gabriel
My test - https://c2n.me/46tZqJ0.jpg
https://c2n.me/46tZAEI.png - And I see these styles. That should fix your problem.
And try to add:
.woof_container .woof_container_inner input[ENGINE="search"] {
line-height: normal !important;
}

GabrielMiguel(@gabrielmiguel)
3 PostsTopic Author
Customers
Quote from GabrielMiguel on March 17, 2020, 18:03
Hey Pablo,
That worked!
Thank you very much,
Gabriel
Hey Pablo,
That worked!
Thank you very much,
Gabriel

Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
Quote from Pablo Borysenco on March 18, 2020, 13:06
Hello Gabriel
Welcome;)
Hello Gabriel
Welcome;)