Public Forums 71,145 posts

[bobptz Friend bobptzJoin date: November 2016Posts: 178Downloads:8Uploads:19 Thanks: 1 Thanked: 1 times in 1 posts]

#1004317

Hi

I noticed that in narrow screens, the H2 is bigger font size than H1 (article header). Is this intentional?

H1: "Children Courses"

H2: "Why Choose us"

I think I know how to fix it on my site. I just thought to alert you, in case you had not noticed it.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1004388

Hi
This is not issue, there are different classes used on the page. H1 title is used for article title and there are font size css defined for the article title differ from the standard H1 classes.
On the other side h2 used on your article content used global h2 classes.
As u already know the fixes i suggest you to add custom classes in custom.css file to override it as per needs.

[bobptz Friend bobptzJoin date: November 2016Posts: 178Downloads:8Uploads:19 Thanks: 1 Thanked: 1 times in 1 posts]

#1004470

Hi

Now I understand that this is not a technical issue (bug).

IMHO H1 should never be smaller than H2. Also the H1 page header should also never be smaller than article-body standard H1.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1004526

Hi
there are different classes used on the page. H1 title is used for article title and there are font size css defined for the article title differ from the standard H1 classes
Here is code used for article title h1

@media screen and (max-width: 767px){
.article-title, .article-header h1 {
    font-size: 24px;
}}

[bobptz Friend bobptzJoin date: November 2016Posts: 178Downloads:8Uploads:19 Thanks: 1 Thanked: 1 times in 1 posts]

#1004655

Thank you for the tip.

[Author]

Posts