rociolopez Posted February 28, 2023 Share Posted February 28, 2023 I add the code below to customize text in the blog post. The desktop version works well, but the mobile looks bad. The space between the text is too big. How can I fixed the mobile version without affect the desktop version? /* Blog title*/ h1.blog-title a { font-size: 25px; line-height: 30px; font-weight: 500 !important; } thanks! Link to comment
Solution E-W Posted February 28, 2023 Solution Share Posted February 28, 2023 (edited) 25 minutes ago, rociolopez said: I add the code below to customize text in the blog post. The desktop version works well, but the mobile looks bad. The space between the text is too big. How can I fixed the mobile version without affect the desktop version? /* Blog title*/ h1.blog-title a { font-size: 25px; line-height: 30px; font-weight: 500 !important; } thanks! You can use this code to only change mobile: @media only screen and (max-width: 600px) { body { line-height: ; }} BUT, if you use rem instead of px the line height will be responsive to the device. Edited February 28, 2023 by E-W Ziggy and rociolopez 2 Link to comment
Mdhanjal Posted March 1, 2023 Share Posted March 1, 2023 share site url pls rociolopez 1 Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Website:- dhanjalsolution.com Best Hourly Rate :- $15 Per Hour Link to comment
Ziggy Posted March 1, 2023 Share Posted March 1, 2023 8 hours ago, E-W said: BUT, if you use rem instead of px the line height will be responsive to the device. I agree, setting the line height to 1.2em instead of 30px will keep the line height responsive to the text size changes on mobile. rociolopez and E-W 2 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
rociolopez Posted March 8, 2023 Author Share Posted March 8, 2023 Thanks you so much! I use the line-height: 1.2em; and look much better now 🙂 Ziggy 1 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