Need help adjusting my mobile header

Hello,

I recently started working on a client's website and noticed that the header is getting cut off on the left and right sides on the mobile version. Can anyone help adjust the coding to fix this? I think there may be custom css that is causing this to happen. Thank you!

https://www.laurenscruggskennedy.com/

On 8/27/2024 at 11:34 PM, tuanphan said:

You try this to Website Tools > Custom CSS

@media screen and (max-width:767px) {
section[data-section-id="612fbfd85b1b9166e63e3517"] {
    min-height: unset !important;
    margin-top: 50px;
}
}

 

This worked perfectly. Thanks so much!!

On 8/27/2024 at 11:34 PM, tuanphan said:

You try this to Website Tools > Custom CSS

@media screen and (max-width:767px) {
section[data-section-id="612fbfd85b1b9166e63e3517"] {
    min-height: unset !important;
    margin-top: 50px;
}
}

 

Hi @tuanphan - I added the code to the site yesterday, and the mobile header looked great. However, I just checked again this morning and it looks like it somehow went back to how it was when I created the ticket. Do you mind taking a look? Thanks!

On 9/3/2024 at 5:26 PM, stwarsy said:

Hi @tuanphan - I added the code to the site yesterday, and the mobile header looked great. However, I just checked again this morning and it looks like it somehow went back to how it was when I created the ticket. Do you mind taking a look? Thanks!

I think you removed it and add new section so ID changed. Use this new code

@media screen and (max-width: 767px) {
    section[data-section-id="6513359437608629d2672aca"]{
        min-height:unset !important;
        margin-top: 50px;
    }
}

On 9/6/2024 at 8:57 PM, tuanphan said:

I think you removed it and add new section so ID changed. Use this new code

@media screen and (max-width: 767px) {
    section[data-section-id="6513359437608629d2672aca"]{
        min-height:unset !important;
        margin-top: 50px;
    }
}

 

I don't think I added a new section for the header, but thank you for providing new code for the section! I tried that in the other code's place and still see the header going off the edges of the page on mobile. I think what I updated after adding the original code you sent over was that this site was on the old Squarespace builder, and it was showing the option to use the fluid engine editor. Would that prevent the code you've provided from working? Thank you!!

I think it is fine now