Search Bar alignment issue

[tharindu63]

Hello,
Can we align the right column with the left column correctly? Now it also have a white border in the bottom when we try to type something

***

[Ernest Marcinko]

Hi,

It seems to be all right on my end at the moment: https://i.imgur.com/gbzwMZQ.png
Does this happen on a specific device or resolution?

[tharindu63]

Hello Ernest,
oh weired. Yes it happens on my iPhone. Could you please check? Thank you

[Ernest Marcinko]

It looks fine on an iPhone as well (iPhone 12): https://i.imgur.com/EMsnNYD.png
What is your device version? I can try via real time virtualization, if you have a different iPhone.

[tharindu63]

Hi Ernest,
I am using iPhone 11 Chrome browser. Can you try typing and searching something? Thank you

[Ernest Marcinko]

I tried on an iPhone 11, chrome browser, and that looks all right as well: https://i.imgur.com/xy8Obe3.png
I honestly don’t know what the cause is, maybe a browser plugin of some sort? But since it is a chrome browser, it should show up on an android device, I tried that too, but that worked fine as well.

From the screenshots it looks to me as if there was a bottom margin on the container element. Maybe try this custom CSS:

.proinput {
    margin-bottom: 0 !important;
}

But I am only guessing here.

[Author]

Posts