Solved

Fixing Contact Form - Edge to edge - dawn theme

imandco
Tourist
19 0 1

The contact form on my website is going edge to edge, I want it to look like the bottom picture. The orginal dawn theme had it displayed correctly. I've tried to copy and paste the original code to my current site but the contact form still isn't displaying correctly.

What can I do to fix it?

Capture.JPG

Capture2.JPG

Accepted Solution (1)
PageFly-Richard
Shopify Partner
4050 903 1556

This is an accepted solution.

Hi @imandco Please help me to replace the code above with this code, it will fixed for your case

<style>
.contact.page-width {
max-width: 72.6rem !important;
    padding: 0;
    margin: 0 auto;
}
</style>

PageFlyRichard_0-1701328973164.png

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
6944 1312 1339

Hi @imandco 

Could you share your contact page URL?

 

Best regards,

Dan | Ryviu: Product Reviews & QA

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

imandco
Tourist
19 0 1

PageFly-Richard
Shopify Partner
4050 903 1556

Hi @imandco 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.contact {
max-width: 72.6rem;
    padding: 0;
margin: 0 auto;
}
</style>

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

imandco
Tourist
19 0 1

Thanks for the reply Richard. Unfortunately it didn't work.

PageFly-Richard
Shopify Partner
4050 903 1556

This is an accepted solution.

Hi @imandco Please help me to replace the code above with this code, it will fixed for your case

<style>
.contact.page-width {
max-width: 72.6rem !important;
    padding: 0;
    margin: 0 auto;
}
</style>

PageFlyRichard_0-1701328973164.png

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

imandco
Tourist
19 0 1

Thank you! it worked great

PageFly-Richard
Shopify Partner
4050 903 1556

@imandco Glad that i can help. Let me know if you have any questions

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.