sihole Posted January 13, 2023 Share Posted January 13, 2023 Hi! I have a longish title for my site header, and on mobile devices it needs two lines. An option it to reduce font size, but then it gets quite small.. I have tried this code. It makes it into two lines, but how to make the placement centered? @media only screen and (max-width: 640px){ .header-title { max-width: 120px !important; } } Best, Sigurd Link to comment
Ziggy Posted January 13, 2023 Share Posted January 13, 2023 Hi Sigurd, can you share your website URL? Thanks! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
sihole Posted January 13, 2023 Author Share Posted January 13, 2023 https://dahlia-chameleon-xdem.squarespace.com not live yet, pass is sketchingsound Link to comment
Ziggy Posted January 13, 2023 Share Posted January 13, 2023 Try adding this to your Custom CSS: .header-title-nav-wrapper { justify-content: center; } Let me know if that helps, and give me a thumbs up if you can, thanks! sihole 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
sihole Posted January 15, 2023 Author Share Posted January 15, 2023 Works like a charm, thanks a lot! Sigurd 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