Solved

Why is the contact form width not adjusting on mobile in Shopify?

giodonato
Tourist
4 1 0

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

<div class="content-container narrow contact form" style="max-width:70%">

 

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

Accepted Solution (1)
giodonato
Tourist
4 1 0

This is an accepted solution.

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.

View solution in original post

Replies 2 (2)

Hardik29418
Shopify Partner
2858 407 1073

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%;
}
}

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
giodonato
Tourist
4 1 0

This is an accepted solution.

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.