rociolopez Posted February 28 Share Posted February 28 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 Solution Share Posted February 28 (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 by E-W rociolopez and Ziggy 2 Link to comment
Mdhanjal Posted March 1 Share Posted March 1 share site url pls rociolopez 1 Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour Link to comment
Ziggy Posted March 1 Share Posted March 1 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 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
rociolopez Posted March 8 Author Share Posted March 8 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