Mobile styling help request – search field cursor

[Jammyllama]

Hi All,

So I’m far from a CSS wiz – I have been making some CSS edits to this site and I’m just struggling to perfect them on mobile, I wonder if anyone might be able to help me?

Here’s the site: https://www.fintechunltd.com

On mobile, when you click on ‘search’, the cursor is misplaced. I have tried editing the line height & font size with no luck. Any ideas?

Thanks.

[webinuse]

You have to change this

.overlay--search .search-field {
    margin-bottom: .75em;
}

to this

.overlay--search .search-field {
    margin-bottom: .75em;
}

and this

.overlay__close {
    top: 2.22em;
    width: 2em;
    height: 2em;
}

to this

.overlay__close {
    top: 1.47em;
    width: 2em;
    height: 2em;
}

[Jammyllama]

Thanks, korovjov123, but unfortunately that didn’t work. The cursor on mobile it still showing a few lines below where it should be. Any other ideas?

Thanks

[Author]

Posts