Title: Resizing Headlines for mobile
Last modified: September 1, 2016

---

# Resizing Headlines for mobile

 *  [goodluckalice](https://wordpress.org/support/users/goodluckalice/)
 * (@goodluckalice)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/resizing-headlines-for-mobile/)
 * Hello,
 * Would anybody be able to help me with resizing the headlines for the front page
   of this website davehattersleymusic.com- so that they look neat when viewed on
   mobile/tablet?
    I’m VERY new to web design and I think the problem is mainly 
   that I’m out of my depth! I have tried using <span class=”headline-resize home-
   headline”>Davehattersley</span> this hasn’t worked (I know its a long surname
   but I don’ want it split into two). I tried media query (here’s a small bit of
   it) [@media](https://wordpress.org/support/users/media/) (max-width: 768px) {
   h1.site-title a {font-size: .9em;} } That hasn’t worked either and I’m getting
   very confused. i have tried a few other things and I’m sure its because I’m not
   doing something properly rather than the advice I’ve found is wrong. Could someone
   good at talking to simpletons please offer some advice? Thank you

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

 *  [cedcommerce](https://wordpress.org/support/users/cedcommerce/)
 * (@cedcommerce)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/resizing-headlines-for-mobile/#post-7620867)
 * Hello goodluckalice
    please try using this css code for heading [@media](https://wordpress.org/support/users/media/)
   screen and (max-width: 768px) #masthead .site-logo, #masthead .site-title { margin-
   right: 0; font-size: 18px; } Hope this will help you Thanks
 *  Thread Starter [goodluckalice](https://wordpress.org/support/users/goodluckalice/)
 * (@goodluckalice)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/resizing-headlines-for-mobile/#post-7620883)
 * Hello cedcommerce
    Thank you so much for your help. Could you tell me exactly
   where to put this code? i’ve tried it in the theme style css sheet, the simple
   custom css (i added this plugin the other day) and in the custom code and it 
   doesn’t seem to be working. i’m sure what you’ve given me is right- but I’m obviously
   not putting in properly or in the right place. Sorry if you’re feeling you’d 
   not offered to help now ha! I think basically i just dont know what I’m doing
   🙂
 * thanks

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

The topic ‘Resizing Headlines for mobile’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [goodluckalice](https://wordpress.org/support/users/goodluckalice/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/resizing-headlines-for-mobile/#post-7620883)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics