Change font size Mobile title

28px for the title on the smartphone is too big.

It should be 20.

I change this?

@media (max-width: 767px)
.post header h1 {
font-size: 20px;
line-height: 28px;
}

Hi

You can this css in theme panel > custom code > custom css: http://screencast.com/t/kV3xhO3i

@media(max-width: 768px){
.single .entry-title {
font-size: 20px!important;
}
}

Thanks!

hi, so also changes the size of the related articles … I just want the title of the article to 20px.

Hi

there is no space to increase the font size at 20px for related article box: If you increase it at that value the layout will be affected: http://screencast.com/t/20TTd3bQ1h
If this is not what you mean please provide more details about what you’re trying to do and we will get back to you as soon as possible.

Thanks!

I entered your code

@media(max-width: 768px){
.single .entry-title {
font-size: 20px!important;
}
}

1)Mobile title 20px ok (I want it)
image

2) Related post…bad size (I do not want it)
image

3) block post…bad size (I do not want it)
image

Hi

Try to replace the previews code whith this one, it should target only the post’s title:

@media(max-width: 768px){
.single header .entry-title {
font-size: 20px!important;
}
}

Thanks!

Thanks, now work well