placeholder in date field disappear on mobile view

  • Hi, i don’t understand why when i visualize my form in desktop view i see the placeholder text (gg/mm/yy) inside the date fields, otherwise if a visualize it on a mobile device the placeholder disappear. Have you any suggest? Regards

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter caimano

    (@caimano)

    i have this custom css to customize my form:

    /*general*/
    .wpcf7 input[type=”text”],
    .wpcf7 input[type=”email”],
    .wpcf7 input[type=”textarea”],
    .wpcf7 input[type=”submit”],
    .wpcf7-form select,
    .wpcf7 input[type=”tel”],
    .wpcf7 input[type=”date”],
    textarea {
    font-size: 14px;
    font-family: Georgia;
    font-weight: bold;
    /*background-color: #ffffff;*/
    border: 1px solid #000000;
    }

    .wpcf7 input[type=”date”]
    {
    border-radius: 5px;
    height: 38px;
    }

    */in home page*/
    .whole-form {
    display: flex;
    justify-content: center;
    }

    .field-space{
    padding-right: 30px;

    }

    .submit-button{
    padding: 25px 30px;
    }

    /*for mobile version*/
    `@media only screen and (max-width: 600px) {
    {
    width: 100%;
    }

    .whole-form {
    flex-direction: column;
    }
    .submit-button {
    padding: 15px 0px;
    }
    .field-space {
    margin: 10px 0px;
    }
    }

    Thread Starter caimano

    (@caimano)

    And this is html code in Contact Form 7 plugin:

    <div class="field-space"><label> Arrivo
[date* data-arrivo-539 placeholder "gg/mm/yy"] </label></div>

<div class="field-space"><label> Partenza*
[date* data-partenza-540 placeholder "gg/mm/yy"] </label></div>

    Have you noticed this comma in your code before @media?

    /*for mobile version*/
    `@media only screen and (max-width: 600px) {

    Thread Starter caimano

    (@caimano)

    Hi yes I’ve seen but it’s just a typo here on www.remarpro.com. I don’t have that character in the site’s CSS.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘placeholder in date field disappear on mobile view’ is closed to new replies.