How to remove phone number from contact form

[undercoverfresh]

I’m looking to remove the phone number pill from the contact form on mobile and desktop on dawn theme

[rajbhai]

Add this code in edit code > base.css and add this code at the end of the file

.contact form#ContactForm .contact__fields + .field {
    display: none;
}

[ZestardTech]

Hello @undercoverfresh ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

.field:nth-child(4) {
    display: none !important;
}

Let me know if you need further assistance!

[undercoverfresh]

This worked but would you happen to have code to put the email below the name pill and make name and email pill the same size as the comment pill the same as mobile for desktop?

[TurnedArt]

It works as well if you put it in the custom CSS for that section (Customiser->Pages->Contact) which avoids having to edit code.