How to adjust the size of my contact form? Dawn theme

Store Design

Topic summary

A user needed help resizing a contact form in the Dawn theme that was stretching across the page after adjusting other pages to 90% max-width on desktop.

Solution provided:

  • Add custom CSS code to the theme.liquid file
  • Place the code above the </body> tag
  • The CSS targets the contact form specifically to control its width and alignment

Outcome:

  • The solution successfully resolved the issue
  • The contact form now properly aligns with the navigation menu and maintains consistent width with other page elements
Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hi, I need some help with resizing the contact form on my shop using Dawn Theme. I have adjusted all my pages to be 90% max-width of desktop, however the contact form now is stretching across the page. You can see in the screenshot that it is not aligned with the menu on top. Any help?

My store URL is: https://verterra.sg/password, password is VerterraTest123

Verterra_0-1719912128204.png
Verterra_0-1719912128204.png2938×1486 209 KB

2

Hi @Verterra

You can add this code to your theme.liquid file, after to set widht of contact form on contact page only

{% if page.id == 126990745883 %}

{% endif %}
3

Hey @Verterra

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-1719913245812.png
Moeed_0-1719913245812.png1896×873 45.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
4

Thank you! This worked like a charm! :slightly_smiling_face:

5

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.

1 Like