dawn theme how to make this responsive on mobile

learningdesign
Shopify Partner
109 1 15

 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
12280 2546 3693

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
learningdesign
Shopify Partner
109 1 15

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

dmwwebartisan
Shopify Partner
12280 2546 3693

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
dmwwebartisan
Shopify Partner
12280 2546 3693

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
learningdesign
Shopify Partner
109 1 15

@dmwwebartisan 

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

 

Capture.PNG

dmwwebartisan
Shopify Partner
12280 2546 3693

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app