Contact form width on mobile

Solved
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

0 Likes
HardikDavra
Shopify Partner
2208 343 959

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%;
}
}
PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
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.

0 Likes