Shopify themes, liquid, logos, and UX
How to make this responsive on mobile and make this form little lower so the picture will be visible
https://9yl34mux4r6jmu5r-60543631583.shopifypreview.com
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;}
}
Yes its fixed how to make the form lower like overlaps the image so image will show
Please share screenshot waht do you want!
Thanks!
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;}
}
try following css for desktop
@media screen and (min-width: 749px){
#shopify-section-template--15247764881631__form .contact {
margin-top: 50rem !important;
}
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024