Change fontsize for header - Work pages on mobile devices

MartinKaufmann

Hi :-)

I have an issue once in a while when using long words in headlines.
If you see the attached screen dump - you can see how the headline breaks long words on a mobile device. If you are on a computer you can see it look fine here: http://www.martinkaufmann.dk/work/killiehuntly/

My question is... can I reduce the font size used for headlines in Work - only for mobile devices. And How do I do it.

Thank you in advance.

All the best,
Martin

Air

Hello :-)

You can use this custom CSS:

@media only screen and (max-width: 600px) {
    .single-work .title-bar.outside .page-title{
        font-size: 30px;
    }
}

With kind regards.