Contact form – Email field on mobile phone

Hey calnettech2,

Try adding this to quick css:

input.text_input is_email{
background-color:#2cace2 !important;
}

Best regards,
Jordan Shannon

Hi,

Okay. Let me check in with other mods with the iphone as I’m not seeing the issue within my environment. In the meantime try this and let me know if works:

@media only screen and (max-width: 767px)  {
input.text_input is_email{
background-color:#2cace2!important;
}}

Best regards,
Jordan Shannon

Hi,

It is a media query its important to try all avenues especially when its one device having issue.

Best regards,
Jordan Shannon

Hi,

Okay. Again, I have reached out to the other mods to see if they have issues with the iPhone.

Best regards,
Jordan Shannon

Hi,

Please provide the screenshot.

Best regards,
Jordan Shannon

Hi,

Please try

.av-main-nav ul li .current-menu-item li P{

}

it should work to target the active one.

Best regards,
Basilis

Hi calnettech2,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px)  {
    #avia_2_1.text_input.is_email{
        background-color:#2cace2 !important;
    }
}

There was a dot missing in the code given by Jordan.

If you need further assistance please let us know.

Best regards,
Victoria

Hi calnettech2,

Glad we could help :)

If you need further assistance please let us know.
Best regards,
Victoria