Title: Modifying responsive heading sizes
Last modified: March 24, 2019

---

# Modifying responsive heading sizes

 *  Resolved [billbennett](https://wordpress.org/support/users/billbennett/)
 * (@billbennett)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/modifying-responsive-heading-sizes/)
 * The responsive layout code for adjusting the size of the h1 and h2 headlines 
   on a wide screen is:
 *     ```
       @media only screen and (min-width: 768px), all
       .entry-title, .not-found .page-title, .error-404 .page-title, .has-larger-font-size, h2 {
       font-size: 2.25em;
       }
       ```
   
 * I can change this to 1.25em in INSPECT ELEMENT in the browser, it works as expected.
 * However, if I copy the code into the additional CSS editor, it breaks. I get 
   an error on the h2 part.
 * I like to work this way to perfect the look before moving everything into a child
   theme css file.
 * What am I doing wrong here?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmodifying-responsive-heading-sizes%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Jarret](https://wordpress.org/support/users/jarretc/)
 * (@jarretc)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/modifying-responsive-heading-sizes/#post-11350436)
 * Not sure where the ‘all’ text comes from but media queries should look like this
 *     ```
       @media only screen and (min-width: 768px) {
       	.entry-title, .not-found .page-title, .error-404 .page-title, .has-larger-font-size, h2 {
       		font-size: 2.25em;
       	}
       }
       ```
   
 *  Thread Starter [billbennett](https://wordpress.org/support/users/billbennett/)
 * (@billbennett)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/modifying-responsive-heading-sizes/#post-11350549)
 * Thanks. I should have known that… but because I cut and pasted the code from 
   Inspect Element, I (dumbly) assumed it was perfectly formed but in some clever
   way I didn’t fully understand.
 * That’s the lesson here… if code LOOKS wrong, it’s not always because the other
   coder was more clever than me…

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Modifying responsive heading sizes’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentynineteen/3.2/screenshot.
   png)
 * Twenty Nineteen
 * [Support Threads](https://wordpress.org/support/theme/twentynineteen/)
 * [Active Topics](https://wordpress.org/support/theme/twentynineteen/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentynineteen/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentynineteen/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [H1](https://wordpress.org/support/topic-tag/h1/)
 * [h2](https://wordpress.org/support/topic-tag/h2/)

 * 2 replies
 * 2 participants
 * Last reply from: [billbennett](https://wordpress.org/support/users/billbennett/)
 * Last activity: [7 years, 1 month ago](https://wordpress.org/support/topic/modifying-responsive-heading-sizes/#post-11350549)
 * Status: resolved