Why is my Dawn theme contact form button invisible and how can I fix it?

Store Design

Topic summary

A Dawn theme user encountered an invisible submit button on their Contact Us page form. The button was functional but not visible to users.

Solution provided:

  • Navigate to Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code above the </body> tag
  • The CSS targets the contact form submit button to make it visible

Outcome:
The solution successfully resolved the visibility issue. The problem appears to be a CSS styling conflict in the Dawn theme that prevents the contact form button from displaying properly by default.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

I’m using the Dawn theme. On my Contact Us page, the form is there, but the button to submit is invisible. How do i fix this? The button is there I can click it, you just can’t see it. Here is a link the the contact us form Contact – lovingmemoryprints

Thank you.

2

Hey @LovMemPrin

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1705865677125.png
Moeed_0-1705865677125.png1728×815 36.3 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Worked 100% Thank you!

4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.