Resizing Headlines for mobile

  • goodluckalice

    (@goodluckalice)


    9 years, 9 months ago

    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 (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

    (@cedcommerce)

    9 years, 9 months ago

    Hello goodluckalice
    please try using this css code for heading
    @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

    (@goodluckalice)

    9 years, 9 months ago

    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.