Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 8, 2024 at 6:27 am #1429517
    DianaLoola73

    Dear support team

    We have a contact form on the website https://emmerams-muehle.de/kontakt/#kontaktform. In the mobile view, the border of the email field is much thicker than in the other boxes: see screenshot: https://emmerams-muehle.de/support/email.png

    I have already added the following script to the CSS:
    @media only screen and (max-width: 767px) {
    input#avia_2_1 {
    border-width: 1px !important;
    font-size: 15px !important;
    }
    }

    What do I have to change so that the same thin border is displayed for the email field in the mobile view as for the other fields?

    Best regards, Diana

    January 8, 2024 at 12:08 pm #1429542
    Ismael

    Hey Diana,

    Thank you for the inquiry.

    Did you fix the issue? We can’t reproduce the issue on our end. Please check the screenshot in the private field.

    Best regards,
    Ismael

    January 25, 2024 at 2:25 pm #1432015
    DianaLoola73

    Hi Ismael
    I apologize for the late reply.

    And unfortunately NO, on my cell phone it is still displayed as on the screenshot: https://emmerams-muehle.de/support/email.png

    I use an Android phone (Google Pixel 7)
    Do you have any ideas?

    Best regards Diana

    January 25, 2024 at 6:07 pm #1432055
    Mike

    Hi,
    I updated your custom css in your Quick CSS from this:

    #top div .av-dark-form input[type="text"] {
  color: #222;
  border-color: #222;
  border-width: 1px !important;
  background-color: transparent;
  font-size: 15px !important;
  letter-spacing: 1px;
}

    to this:

    #top div .av-dark-form input[type="text"],
#top #main .av-dark-form input[type="email"] {
  color: #222;
  border-color: #222;
  border-width: 1px !important;
  background-color: transparent;
  font-size: 15px !important;
  letter-spacing: 1px;
}

    and now your email field border width matchs the other fields
    Please clear your browser cache and check.

    Best regards,
    Mike

    January 26, 2024 at 6:23 am #1432093
    DianaLoola73

    Thank you for your quick reply and the CSS update. Everything works perfectly now!!! THANK YOU

    January 26, 2024 at 11:14 am #1432117
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.