How can I adjust the contact form width for mobile view?

Technical Q&A
1

Hello i just recently bought the district theme for shopify and im trying to create a website. Now i added a Contactform on the bottom of the main page and changed the width in this div

Now the only problem is that on mobile the contactform is too small ad i would like to have it back to the normal state. I tried some @media commands but nothing seems to work.

Is anyone able to help me with this ?

https://giodonato.myshopify.com password: owdiad

Thanks

2

Hello,

Welcome to the shopify Community.

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 450px) {
.content-container.narrow.contact.form {
max-width: 100%;
}
}
1 Like
3

Thanks for your help but unfortunately this doesnt do anything to my website.

I even tried to remove the style from the div and add a the max-width for higher resolution screens but thats not working either.