BeckyHesilrige Posted November 10, 2019 Share Posted November 10, 2019 Hi all This is my first squarespace website and I've had a look through the forum but can't seem to find an answer to my issue. I'm using the Mojave template and love how it looks. However on mobile I'm finding some of the larger fonts are breaking words up onto multiple lines, which looks pretty messy. Is there a way I can reduce font sizes for the mobile version only? If not, has anyone got any other bright ideas!? Website is beckyh.co.uk Thank you! Link to comment
tuanphan Posted November 10, 2019 Share Posted November 10, 2019 @BeckyHesilrige Which words? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
BeckyHesilrige Posted November 10, 2019 Author Share Posted November 10, 2019 Hi! The copy in the front page header - Freelance content & marketing expert Also the 'My services' on the 'services' page Thank you! Link to comment
tuanphan Posted November 10, 2019 Share Posted November 10, 2019 2 minutes ago, BeckyHesilrige said: Hi! The copy in the front page header - Freelance content & marketing expert Also the 'My services' on the 'services' page Thank you! Add to Home > Design > Custom CSS @media screen and (max-width:640px) { /* Homepage */ div#block-e7e85af2cfc85e2f2882 h1 { font-size: 30px; } /* services page */ div#block-576dd8cfb8825416576a h1 { font-size: 20px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
BeckyHesilrige Posted November 10, 2019 Author Share Posted November 10, 2019 Wow thank you so much! It looks great now. Very much appreciated! tuanphan 1 Link to comment
palnoch Posted November 25, 2019 Share Posted November 25, 2019 HI there, I'm also having this issue. Tried the code but it doesn't work for me, please help! Thanks Link to comment
tuanphan Posted November 25, 2019 Share Posted November 25, 2019 2 minutes ago, palnoch said: HI there, I'm also having this issue. Tried the code but it doesn't work for me, please help! Thanks Can you share link to your site & which font need to reduce font size? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
palnoch Posted November 25, 2019 Share Posted November 25, 2019 Thanks for your quick reply. I haven't bought a domain yet, how do I find a link to my site that you can view? Link to comment
tuanphan Posted November 25, 2019 Share Posted November 25, 2019 9 minutes ago, palnoch said: Thanks for your quick reply. I haven't bought a domain yet, how do I find a link to my site that you can view? https://beaverhero.com/squarespace-how-to/#How_to_Setup_Password_Share_Site_URL Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
palnoch Posted November 25, 2019 Share Posted November 25, 2019 https://disc-hen-mahn.squarespace.com/ pass: angelic Link to comment
tuanphan Posted November 25, 2019 Share Posted November 25, 2019 2 minutes ago, palnoch said: https://disc-hen-mahn.squarespace.com/ pass: angelic Which font? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
palnoch Posted November 25, 2019 Share Posted November 25, 2019 1 minute ago, tuanphan said: Which font? All of the images where the font is broken up into hyphens, I think on the home page. Link to comment
tuanphan Posted November 25, 2019 Share Posted November 25, 2019 1 minute ago, palnoch said: All of the images where the font is broken up into hyphens, I think on the home page. you want reduce font size or remove hyphens on mobile? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
palnoch Posted November 25, 2019 Share Posted November 25, 2019 5 minutes ago, tuanphan said: you want reduce font size or remove hyphens on mobile? remove size, sorry i just meant all areas where the text is broken up by hyphens, I'd like reduced in size Link to comment
tuanphan Posted November 25, 2019 Share Posted November 25, 2019 45 minutes ago, palnoch said: remove size, sorry i just meant all areas where the text is broken up by hyphens, I'd like reduced in size Add to Home > Design > Custom CSS @media screen and (max-width:640px) { /* award wining */ div#block-3096ed603e34550f7e67 h1 { font-size: 30px; } /* creative */ div#block-yui_3_17_2_2_1459877102385_15224 * { font-size: 20px; } /* volunteer */ div#block-56e1f5499f7266cdffeb416f * { font-size: 30px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Gui Posted November 25, 2019 Share Posted November 25, 2019 Hello! Is it possible to increase the letter size on MOBILE without affecting the Desktop? I have the word SWEET her on MAX SIZE for desktop but when It goes to MOBILE it s way too small 😞 Can anyone help? https://www.bakdshop.com/ 1111111111 Link to comment
tuanphan Posted November 25, 2019 Share Posted November 25, 2019 10 minutes ago, Gui said: Hello! Is it possible to increase the letter size on MOBILE without affecting the Desktop? I have the word SWEET her on MAX SIZE for desktop but when It goes to MOBILE it s way too small 😞 Can anyone help? https://www.bakdshop.com/ 1111111111 Where SWEET? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Gui Posted November 25, 2019 Share Posted November 25, 2019 1 minute ago, tuanphan said: Where SWEET? Its on the first page< can you see it? Link to comment
tuanphan Posted November 25, 2019 Share Posted November 25, 2019 6 minutes ago, Gui said: Its on the first page< can you see it? add to home . design > custom css @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1574650801071_27034 h3 { font-size: 500px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Gui Posted November 25, 2019 Share Posted November 25, 2019 24 minutes ago, tuanphan said: add to home . design > custom css @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1574650801071_27034 h3 { font-size: 500px; } } THANK YOU! Link to comment
aleithialow Posted March 3, 2020 Share Posted March 3, 2020 Hi, I'd like to modify the overlay text on the banner of the homepage to be smaller on mobile. What code should I use? https://panda-strawberry-2rrg.squarespace.com/ Link to comment
tuanphan Posted March 3, 2020 Share Posted March 3, 2020 What is access password? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
aleithialow Posted March 3, 2020 Share Posted March 3, 2020 Quote @media only screen and (max-width: 640px) { h1 { font-size: 2em; } } I used this code, but would like it to be targeted just for the banner on the homepage. rmw603 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