Logo Alignment in 7.1

@jennypetit Can you please post a screen shot of the custom css area with the code. When I apply the code on my end it works like this:

aw i wanted it for the home page sorry should have said 

Can you send me a link to that page? I don't see it.

oh I´M so sorry i´m in an other web sorry is this one

https://sarahernandezpsicologa.squarespace.com/

password: One 

[data-form-id="5f095b98687d657c9e7696fb"] .field-list.clear {
    display: flex;
    flex-wrap: wrap;
}

[data-form-id="5f095b98687d657c9e7696fb"] .form-item.field.email {
    margin-left: auto;
}

[data-form-id="5f095b98687d657c9e7696fb"] .form-item {
    flex:0 48%;
}

[data-form-id="5f095b98687d657c9e7696fb"] .form-item.field.checkbox {
    flex:0 100%;
}

@rwp that worked thanks a million how do I align the button too 

will that be soemthing liek this?

[data-form-id="5f095b98687d657c9e7696fb"] .form-item button{
    flex:0 48%;

Where do you want the button?

align with name and email sorry i should have  said

@media screen and (min-width: 768px){
  [data-form-id="5f095b98687d657c9e7696fb"] {
    display: inline-flex;
  }

  [data-form-id="5f095b98687d657c9e7696fb"] .form-button-wrapper.form-button-wrapper--align-center {
    margin-top: 10px;
    margin-left: 4%;
  }
}

I kind of got it to work, but it gets really weird as the page dynamically resizes.

Try adding this, it will only move the button above 768px screen width.

I know this thread is old but thought I would drop my similar issue here given you all have figured this out once before.  I am having the same issue with my logo being off-center on mobile.  I tried using a few variations of what you all were suggesting above but could not make it work. My website is: themckinneylawfirm.com.  Screenshot of my current CSS before attempting any of this is attached.  Thanks for any help you might offer. 

On 3/10/2022 at 11:35 PM, Maclaw said:

I know this thread is old but thought I would drop my similar issue here given you all have figured this out once before.  I am having the same issue with my logo being off-center on mobile.  I tried using a few variations of what you all were suggesting above but could not make it work. My website is: themckinneylawfirm.com.  Screenshot of my current CSS before attempting any of this is attached.  Thanks for any help you might offer. 

 

Add to Design > Custom CSS

@media screen and (max-width:640px) {
div#banner-wrapper {
    margin-right: 0 !important;
}
}