Remove phone number field from Contact page in Debut theme

[shelleyd]

Hi,

How do I remove the 'phone number' field from the 'Contact' page in the Debut theme?

[Denishamakwana]

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

[shelleyd]

Thanks. It's:

https://onyx-and-elm.myshopify.com/admin

Password is aulick

[Denishamakwana]

Please add below css in bottom of  assets/theme.css file

input#ContactForm-phone {

             display: none;

}

Please give ID or Class for ContactForm-phone label then give display: none css to remove  phone number label.

Thank you.

[shelleyd]

Thanks. I've found the file, but I don't understand what is meant by 'Please give ID or Class for ContactForm-phone label then give display: none css'.

[shelleyd]

I managed to get rid of the field for the phone number using these instructions, but the 'Phone Number' label is still there. Could you please step me through what to do to remove this too?

[Denishamakwana]

Please try this one

label[for=ContactForm-phone] {

         display: none;

}

Hope it work.

Thank you.

[shelleyd]

Do I replace the first code I added with code?

[Denishamakwana · Accepted solution]

Do not replace .

Please add this  new code in bottom of theme.css file

[shelleyd]

It worked! Thank you. 😊

[skparfait]

That did not work, it only removes the word phone but the box is still there- this will confuse people.

[Savior]

@shelleyd 

By adding CSS display none will remove the phone field from the contact page but when anyone will submit the form you will receive the form details with empty phone number field so please remove by following steps:
1. Go to your store Templates > page.contact.liquid
2. CTRL + F and search for 'phone', You will seee this types of two lines >> https://prnt.sc/26ekav5 
3. Remove them And click Save.

---

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme