Why are my contact and login forms not working correctly?

Store Design
1

Hey, these forms are messed up can someone help me out?

My website is online: www.outstandstudios.com

Screenshot_57.png
Screenshot_57.png1928×1006 48.2 KB

Screenshot_56.png
Screenshot_56.png1925×1005 49.7 KB

Screenshot_55.png
Screenshot_55.png1917×1003 30.6 KB

2

@outstand-560 - add this css to the very end of your theme.scss file and check, should be like screenshot below

@media screen and (max-width:749px){
.form-vertical input{margin-left: 0; margin-bottom: 10px;}
.form-vertical{text-align: center;}
}

suyash1_0-1651734680876.png
suyash1_0-1651734680876.png1366×768 125 KB

3

It’s perfect now just the contact page on desktop is a bit messy could you fix it?

Screenshot_58.png
Screenshot_58.png1918×1001 30.9 KB

4

@outstand-560 - add this css and check

.form-vertical input{width: 100%;    margin-bottom: 10px;}