jaxnoel

Add to Design > Custom CSS
/* nav one line */ .header-layout-nav-right .header-nav-list { flex-wrap: nowrap; } /* nav width */ .header-nav { width: 70% !important; flex: 70% !important; } /* logo width */ .header-title { width: 30%; }  

I don't see any items in header

Add to Design > Custom CSS
@media screen and (min-width:768px) { div#block-8e63afbd8be9b172ce6f div { display: flex; align-items: center; justify-content: space-between; } div#block-8e63afbd8be9b172ce6f * { margin: 0px; } }  

input[type="submit"] { padding: 0.6em 1.6em !important; }  

hmm, you mean the submit button or the form fields

#block-4a87ef8163ec7daa5245 input[type="submit"] { padding: 0.6em 1.6em; }  

#block-4a87ef8163ec7daa5245 .form-item.date { width: 50%; float: left; padding-left: 10px; }  

This css can help re-arrange, but you can not remove the second input as it is required. I can say Squarespace date time input is silly, so I suggest to find a datepicker plugin if it not fit your need 
#block-4a87ef8163ec7daa5245 .form-item.date { width: 50%; float: left } #block-4a87ef8163ec7daa5245 .form-item.time { width: 50%; float: left }

Site URL: https://www.jaxmariephotography.com
Password: fbla2020
I am using the Zion template under Photography
Hi, I was wondering if there was anyway I could rearrange the structure of my form under "Appointments." I would like to remove the "Second" field under "Time" and move the entire "Time" field so it sits next to (adjacent) to the "Date" field. Preferably, it would look something like the second image. Any help with custom CSS would be greatly appreciated!