MAC97 Posted February 5 Share Posted February 5 I have center aligned the whole website for mobile (CSS used is attached below), however this particular section does is not center aligned while viewing on mobile. Could someone please assist me on this matter? Thanks @media only screen and (max-width: 640px) { p, h1, h2, h3 { text-align: center; } } Web view: Mobile view: Link to comment
Ziggy Posted February 6 Share Posted February 6 Can you share your website URL so I can give you some correctly targeted CSS for this? Thanks! MAC97 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
MAC97 Posted February 6 Author Share Posted February 6 6 hours ago, Ziggy said: Can you share your website URL so I can give you some correctly targeted CSS for this? Thanks! https://www.ucollabholdings.com/values Link to comment
Ziggy Posted February 6 Share Posted February 6 If every piece of text on your website wants to be center aligned on mobile then you code (with a slight tweak) should work fine: @media only screen and (max-width: 767px) { h1, h2, h3, h4, p, a { text-align: center !important; } } If you want to target it just to certain pages, I would suggest adding page IDs like this: @media only screen and (max-width: 767px) { #collection-63c8259c98ccce0339280130, #collection-63c865b2552b551c7de79343 { h1, h2, h3, h4, p, a { text-align: center !important; } } } This would just target the home and values pages. More IDs can be added, comma separated. tuanphan 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Assad Posted April 21 Share Posted April 21 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
Ziggy Posted April 21 Share Posted April 21 21 minutes ago, Assad said: text that should be aligned in the center appears to be shifted to the right I can't see any text that is center aligned or shifted to the right. I don't see the problem you're having on the website or in the screenshots you provided. Can you provide a little more context? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
tuanphan Posted April 23 Share Posted April 23 On 4/21/2023 at 4:03 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Assad Posted April 28 Share Posted April 28 @Ziggy @tuanphan unfortunately this did not resolve the issue, I'm afraid. Would you have any other suggestions? Thanks a lot for thinking a long, appreciate it! Link to comment
IgnitePerth Posted April 28 Share Posted April 28 3 hours ago, Assad said: @Ziggy @tuanphan unfortunately this did not resolve the issue, I'm afraid. Would you have any other suggestions? Thanks a lot for thinking a long, appreciate it! You can fix this by going into Mobile view in the editor and aligning the blocks. Your blocks all start on grid column 2 (slightly to the right) in this section. Grab each block and center it on the page. Your current position is grid-area: 2/2/5/10 I think you want: grid-area: 2/1/5/10 Once you have your blocks centered, you can just choose to center align the text. Contact Us for detailed help Common Squarespace Tips Sharing Your Site Link Squarespace web designers in Perth WA. 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