Title gets cut off

Hi. My site title is ‘Diary from The Little Kitchen’. When viewed on a mobile device, or if you shrink your browser on the desktop to recreate it, the title gets moved onto two lines, with the second line being slightly cut off.

How can I make the header higher in this instance?

www.diaryfromthelittlekitchen.co.uk

Add this code to Theme Options - Other - Custom CSS

It will resize your website title on mobile devices. If it becomes too small then just change font-size to one that works better for you.

@media screen and (max-width: 767px) {
    .navbar .navbar-brand {
        font-size: 14px !important;
    }
}

Thanks very much!