Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
BeckyHesilrige

Reduce font size on mobile for Mojave template?

Question

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!

Share this post


Link to post

Recommended Posts

  • 0

@BeckyHesilrige Which words?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
2 minutes ago, palnoch said:

Which font?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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

Share this post


Link to post
  • 0
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;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0
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?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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!

Share this post


Link to post
  • 0

What is access password?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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.

Share this post


Link to post
  • 0

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#page-5da32af7a8be366f5ccdc5c9 * {
    font-size: 10px;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...