dawn theme how to make this responsive on mobile

learningdesign
Tourist
8 0 1

 Capture.PNG

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

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

Replies 6 (6)
dmwwebartisan
Shopify Partner
9731 2226 3053

@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;}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
learningdesign
Tourist
8 0 1

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

dmwwebartisan
Shopify Partner
9731 2226 3053

@learningdesign 

Please share screenshot waht do you want!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9731 2226 3053

@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;}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
learningdesign
Tourist
8 0 1

@dmwwebartisan 

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

 

Capture.PNG

dmwwebartisan
Shopify Partner
9731 2226 3053

@learningdesign 

try following css for desktop 

@media screen and (min-width: 749px){
#shopify-section-template--15247764881631__form .contact {
    margin-top: 50rem !important;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →