dawn theme how to make this responsive on mobile

[learningdesign]

 

How to make this responsive on mobile  and make this form little lower  so the picture will be visible

https://9yl34mux4r6jmu5r-60543631583.shopifypreview.com

[dmwwebartisan]

@learningdesign 

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media screen and (max-width: 749px){
#shopify-section-template--15247764881631__form { padding: 50px 10px !important;}
}

[learningdesign]

Yes its fixed how to make the form lower  like overlaps the image so image will show 

[dmwwebartisan]

@learningdesign 

Please share screenshot waht do you want!

Thanks!

[dmwwebartisan]

@learningdesign 

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media screen and (max-width: 749px){
.field__label { font-size: 1.2rem !important;}
}

[learningdesign]

@dmwwebartisan 

i want to make this form little lower so the image can be visible

[dmwwebartisan]

@learningdesign 

try following css for desktop 

@media screen and (min-width: 749px){
#shopify-section-template--15247764881631__form .contact {
    margin-top: 50rem !important;
}
}