I dont want people to put their phone number in when they contact us only their email, name, and comment.
Topic summary
A user wants to remove the phone number field from their contact form, keeping only email, name, and comment fields.
Two CSS solutions were provided:
-
B2Bridge’s approach:
- Navigate to Online Store → Themes → Edit code
- Open the
base.cssfile - Add
#ContactForm-phone { display: none !important; }at the bottom
-
LizHoang’s approach:
- Go to Edit code
- Find
component-newsletter.cssfile - Add
.field:nth-child(4) { display: none !important; }at the end - Includes a screenshot showing the result
Resolution: The original poster confirmed one solution worked by thanking the contributors. Both methods use CSS to hide the phone field rather than removing it from the form code.
Hi @jaelahstanley , to do that, please follow our instructions:
Step 1: Open Online Store → Themes → Edit code.
Step 2: Find base.css file.
Step 3: Paste this code at the bottom of the file
#ContactForm-phone {
display: none !important;
}
If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file component-newsletter.css and add this code at the end of the file
.field:nth-child(4) {
display: none !important;
}
Result:
Best,
Liz
Thank you!