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

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!

replace 

#header h1.site-title

with

a#site-title

It works! Thank you!!

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?

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.

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. 🙏

Sent answer!

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

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;
}
}

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

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;
}
}

Hi Tuanphan,

After a few tweaks, the below is the code that worked:)

Thanks for the help

@media screen and (max-width:900px) {
h1.logo.site-title a {
    font-size: 25px !important;
}
}