Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I'm using the twentythirteen theme which is supposed to be responsive, here on my site.

On this static homepage, the text-headers are generated as follows, using the heading tags:

<h2>Hello!</h2>

If you narrow the width of the page, you will see the page title "Home" shrink in size, but the text-headers don't. How can I fix this?

share|improve this question

1 Answer 1

You would need to access your style sheet (style.css). Your site uses media queries to target specific screen sizes and apply different rules when the stylesheet interacts with them.

In section 4.1, it defines the site title as:

.site-title {
    font-size: 60px;
} 

In Section 8.0, just beneath @media (max-width: 643px) it defines the site title as:

.site-title {
    font-size: 30px;
} 

In other words, when the screen size is less than or equal to 643px wide, the site title adjusts to 30px.

In your case, you'd want your Section 8 include a rule for h2 (exchanging the # for the desired number of pixels:

.site-title {
    font-size: 30px;
}

h2 {
    font-size: #px;
}
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.