Jump to content

Changing the size of the Site Title for mobile and tablet...?

Recommended Posts

Hey guys, how do I change the size of the Site Title for both mobile and tablet display/version? My site: www.martinfaltejsek.cz - the site title is too small in mobile version. I would like to increase its size. I have been trying to put:

@media only screen and (max-width: 640px) {

 #header h1.site-title { font-size: 24px; }
}

...into the Custom CSS and also trying to change the font-size pixels, but it does nothing.

Any kind of help appreciated, thanks!

 

 

Link to comment
  • 2 weeks later...

I am having this same issue on the Kin template, but neither of the above options worked for me.

I'm not great with CSS, so forgive me if this is an obvious mistake, but am I supposed to replace "site-title" with anything, or is this code intended to work as-is?

 

Link to comment
6 hours ago, bear-r said:

I am having this same issue on the Kin template, but neither of the above options worked for me.

I'm not great with CSS, so forgive me if this is an obvious mistake, but am I supposed to replace "site-title" with anything, or is this code intended to work as-is?

 

 I supposed to replace "site-title"

yes each template has different "site title". If you share link to your site, I can take a look.

If you don't want to share here, you can send via link in signature.

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
29 minutes ago, tuanphan said:

 I supposed to replace "site-title"

yes each template has different "site title". If you share link to your site, I can take a look.

If you don't want to share here, you can send via link in signature.

Thank you! Just sent you a message. 🙏

Link to comment
  • 5 months later...
21 minutes ago, Feds said:

Hello,

 

I am trying to change the size of site title size in mobile view but neither of the above options work for me.

Here's URL https://carnation-cardioid-yc95.squarespace.com

pw: mount$%

 

Any help is much appreciated,

 

Federica

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
span.site-title-text {
    font-size: 10px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
8 hours ago, Feds said:

Hi @tuanphan thank you for your message. I tried to paste the code, however it doesn't work:(..

The site title is assigned of a purchased font, maybe that has something to do with it?

Thank you,

F

Try again with

@media screen and (max-width:900px) {
span.site-title-text {
    font-size: 10px !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.