Site’s title size is too big in mobile screens

Hello @alinaderi,
Thank you so much for using our theme CoverNews.
Would you please let us know which font you seems big in mobile screen? You want the font size small on the front page or in single page?
We will provide you the custom css if you let us know the exact place of it.

Anyway, we have premium version of this theme too. You can check the premium version. Premium version has lots of added features.

For dedicated support, you can use our official support.

Thank you

Hello @afhelpteam,
thanks so much for the answer. The theme I am using is “Newsport”. Regarding your question, I meant the site title, in my case only the name “DeepAI.space” in this url: https://deepai.space/. However, the size of the tagline behind it, is well. The site title which I have a problem with is in both front page and each single pages with the same size (too big). I can change the size from “Site Title Size” in the theme’s section: “Site Identity” however, it only affects the full screen mode (not mobile screen).

Just to discriminate “site title” with each “single page title”, the size of each single page title is fine as well. Just take a look at example below (structure of a page in order in mobile screens) to understand my point better:

=============================
1- SITE TITLE (size is too big).
2- TAGLINE (size is fine).

3- PAGE TITLE (size is fine).
4- CONTENT and rest (size is fine).
============================

Please kindly let me know if you need more information.

BR,

Hi, thank you for site url and the case.
Would you please check once by adding the below CSS codes on Appearance > Customize > Additional CSS,

@media only screen and (max-width: 375px){
.site-branding .site-title {
    font-size: 40px;
}

h1.entry-title {
    font-size: 26px;
}

}

Please let us know if you need anything more.

Thank you

Hi @kafleg,

Thanks so much and appreciate for the answer. The code you sent to me is working and is true answer to my issue. It could successfully reduce the font size in demo section of Theme, however, after publishing the update, no change can be seen in the website. I tried so much but no result. First I thought perhaps the issue is related to the website caching. I cleaned the caches but I have still the issue. May this CSS code be overwritten by some global CSS? Can it be related to this fact that the theme I am using (Newsport) is a child theme from another theme (CoverNews)?

BR,