I have encountered an issue with two forms on my webpage, specifically on mobile devices. While the input fields work perfectly on laptop browsers, I am unable to enter any text into them on mobile screens. It seems that the input fields are visible, so I suspect that this problem may be related to CSS, but I cannot be certain.
You can view the site here.
Below is the code that I have added:
Thank you in advance.
getPrice = function() {
var b_rabat1 = 166;
var b_rabat2 = 167;
var b_rabat3 = 168;
var b_rabat4 = 170;
var d_rabat1 = 176;
var d_rabat2 = 177;
var d_rabat3 = 179;
var d_rabat4 = 182;
var benzinpris = 10;
... (Code continues)
<style>
#calculator p {
font-size: 0.840rem;
margin-bottom: 0px;
}
.kategori{
font-weight: bold;
}
.disclaimer{
text-align: center;
padding: 2%;
background-color: #eeeeee!important;
border-radius: 5px;
}
</style>
<!Doctype html>
<html>
<div id="calculator">
... (HTML code continues)