My mobile site is not centered- Help!

Site URL: https://www.rebeccahartness.com

Why does my entire site on the mobile version align to the left when I zoom out? It's driving me nuts! I want the whole thing to just be centered all the time without the option of a bottom cursor at all, but I'm not sure how to fix this. Would love some help with this! See attached screenshots.

Hi @Reb_Heart

Are you seeing this issue when you view your site on an actual mobile device? 

According to the Squarespace Guide, "Device View gives you a general idea of how your site appears on a typical mobile browser. It's not 100% accurate for every phone or tablet." So you might find this issue only appears on Device View.

Let me know how you get on.

Hi ! Yes, it does this on actual mobile devices... I even had a friend check and it's the same : ( Any tips??

On 2/22/2022 at 7:48 AM, Reb_Heart said:

Hi ! Yes, it does this on actual mobile devices... I even had a friend check and it's the same : ( Any tips??

Try adding to Design > Custom CSS

html, body {overflow-x:hidden;}

On 2/27/2022 at 3:31 AM, tuanphan said:

Try adding to Design > Custom CSS

html, body {overflow-x:hidden;}

 

I had the same problem, and this worked for me. Thank you!

On 4/21/2023 at 4:05 PM, Assad said:

•  

I have a similar problem, whenever it's viewed on mobile the text that should be aligned in the center appears to be shifted to the right, could anyone please help?



https://swan-coyote-5l6c.squarespace.com/

pw = bongo

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.fe-643d37df5d41246dce6a7211 {
    grid-column-gap: 20px !important;
}
}