I just moved the search feature to the header of the website liked in the private content below and noticed you can’t type anything into the text field in IE11. You can click in it, but when you type, the text doesn’t appear. I checked here in the support forum and wasn’t able to find a solution. Any suggestions or help would be great. Thanks!
Hey NicomIT,
Thank you for using Enfold.
Try to specify the height of the search field.
#top .av_minimal_header #s {
height: 25px;
}
// https://stackoverflow.com/questions/21295055/cannot-type-in-textfields-in-ie11
Best regards,
Ismael
Thanks Ismael. 25px made the input a little too tall. But I used 20px and lowered the padding on #top #s to account for that.
The only thing I ran into is where the search form displays on the actual search results page it is now too small (see the link below). Is there a way to target the height/padding/size of that and make it something different than the size of the search in the header?
Hi,
Please try this code to resize the search form on the search page:
#top #wrap_all .search_form_field #s {
height: 50px;
}
Best regards,
Peter
Thanks Peter. That did the trick.
Hi NicomIT,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria