sihole Posted January 13 Share Posted January 13 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 Share Posted January 13 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 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
sihole Posted January 13 Author Share Posted January 13 https://dahlia-chameleon-xdem.squarespace.com not live yet, pass is sketchingsound Link to comment
Ziggy Posted January 13 Share Posted January 13 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 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
sihole Posted January 15 Author Share Posted January 15 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