Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 28, 2022 at 7:04 am #1374096
    DianaLoola73

    Dear support team

    I use a contact form on the following website: https://my-visionguide.de/home/#contact
    On the smartphone, the email field is shown with a thicker border, (see Screenshot: https://my-visionguide.de/support/kontaktform-mobile.jpg) although I have already inserted the following script via css:

    /*Mobile View Contact Form Edge Email*/
    @media only screen and (max-width: 767px) {
    input#avia_3_1 {
    border-width: 1px !important;
    font-size: 14px !important;
    }
    }

    What can I do so that the edge of the email field is only displayed with a 1px width on the smartphone in the mobile view?

    Thank you for your edit and best regards, Diana

    November 28, 2022 at 12:39 pm #1374112
    Yigit

    Hey Diana,

    Thanks for contacting us!

    I added following code to bottom of Quick CSS field

    
/* Contact email field border on mobile */
@media only screen and (max-width: 767px) { 
#top div .av-dark-form input[type=email] { 
 border-width: 1px !important;
}
}

    Please review your website :)

    Best regards,
    Yigit

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