Wired behavior

1

Hi - Can anyone see what the problem here is? I add this widget (cut and paste code from semrush siteaudit widget) https://wingnutsocial.com/test2.php and on mobile the text in the text field (mydomain.com) is being eaten up…

1
11242×1362 212 KB

Any ideas how to fix? Is it getting extra padding on top added? This is a blank Foundation page… cheers all!

2

Ps I added it to a WordPress site and it worked okay… could it be a Foundation issue?

3

Mmh. Try this code:

input [type=“text”] {
height:auto;
}

4

No luck - thanks

5

New url now -
https://www.wingnutsocial.com/test3.php

6

Also doesn’t work in Safari desktop either…

7

Fine on Chrome on Mac.

Wingnut
Wingnut762×702 30 KB

8

Mobile is the prob

9

Try this:

input [type=“text”] {
height:3rem !important;
}

You have to play with the height to match your needs.

11

Hi @Justin

It needs a line-height, try:

input[type="text"] {line-height:1rem}

Bill
Stack-Its

1 Like
12

Thanks all - Ill get to this again soon and try these options out - had to move on to another RW fire!