Reb_Heart Posted February 12, 2022 Share Posted February 12, 2022 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. Link to comment
meganheath Posted February 13, 2022 Share Posted February 13, 2022 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. Link to comment
Reb_Heart Posted February 22, 2022 Author Share Posted February 22, 2022 Hi ! Yes, it does this on actual mobile devices... I even had a friend check and it's the same : ( Any tips?? Link to comment
tuanphan Posted February 27, 2022 Share Posted February 27, 2022 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;} JoostGr and arianajade 1 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
JoostGr Posted November 24, 2022 Share Posted November 24, 2022 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! Link to comment
Assad Posted April 21, 2023 Share Posted April 21, 2023 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 Link to comment
tuanphan Posted April 23, 2023 Share Posted April 23, 2023 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; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
DamonCameron Posted January 10 Share Posted January 10 On 2/27/2022 at 1:31 PM, tuanphan said: Try adding to Design > Custom CSS html, body {overflow-x:hidden;} I've added this code, it has fixed the content - But Header Hamburger menu is still pushed left. Any tips? thanks Link to comment
tuanphan Posted January 13 Share Posted January 13 On 1/11/2024 at 4:17 AM, DamonCameron said: I've added this code, it has fixed the content - But Header Hamburger menu is still pushed left. Any tips? thanks What is your site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
DamonCameron Posted January 19 Share Posted January 19 Hi @tuanphan, https://www.photosbydamon.com/ Many thanks Link to comment
tuanphan Posted January 21 Share Posted January 21 On 1/20/2024 at 4:23 AM, DamonCameron said: Hi @tuanphan, https://www.photosbydamon.com/ Many thanks It looks fine to me on homepage Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
DamonCameron Posted January 22 Share Posted January 22 My phone its way off. Your's is not 100% either... Link to comment
tuanphan Posted January 25 Share Posted January 25 You mean mobile burger or page content? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
manumuniz Posted February 6 Share Posted February 6 I seem to be having the same problem but none of the code above has fixed it... I'm currently redesigning my website for mobile (duplicating every section and using @media only screen and(min-width:641px) {[mobile-data-section-id]{display:none}} @media only screen and (max-width:640px) {[desktop-data-section-id]{display:none}}). On Squarespace, the mobile layout looks good (image 1), but on my actual phone it looks as if it's pushed to the left (image 2)! Link to comment
tuanphan Posted February 8 Share Posted February 8 On 2/7/2024 at 2:18 AM, manumuniz said: I seem to be having the same problem but none of the code above has fixed it... I'm currently redesigning my website for mobile (duplicating every section and using @media only screen and(min-width:641px) {[mobile-data-section-id]{display:none}} @media only screen and (max-width:640px) {[desktop-data-section-id]{display:none}}). On Squarespace, the mobile layout looks good (image 1), but on my actual phone it looks as if it's pushed to the left (image 2)! What is page url? We can check problem easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Delightfulglass Posted March 22 Share Posted March 22 Having a similar issue. My products won't center on mobile. None of these codes worked thus far. No settings in mobile seem to change anything. I was trying to add a second column. Nope. Perhaps I have another code overriding? Link to comment
tuanphan Posted March 25 Share Posted March 25 On 3/23/2024 at 12:31 AM, Delightfulglass said: Having a similar issue. My products won't center on mobile. None of these codes worked thus far. No settings in mobile seem to change anything. I was trying to add a second column. Nope. Perhaps I have another code overriding? You can share link to this product, we can check and help you easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
aea-sf Posted June 11 Share Posted June 11 (edited) I have having the same problem: www.sfblocks.com/bernalheights. And I tried the above 2 code suggestions. Edited June 11 by aea-sf Link to comment
tuanphan Posted June 13 Share Posted June 13 On 6/12/2024 at 1:44 AM, aea-sf said: I have having the same problem: www.sfblocks.com/bernalheights. And I tried the above 2 code suggestions. The page url doesn't exist Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment