Making the typography responsive


I am trying to over ride the default font sizes that are set in the customiser through my CSS so that I can make the typography more responsive.

Has anyone done this before and know of a quick solution to overriding the style tag in the header?


Dear Caig,

I though you would use media query to apply the styleseheet rule in a specific viewport width. Please refer here.

Does the “style tag” refer to the site description? If so, try the following:

@media only screen and (max-width:600px){
    font-size: 12px;

I hope this reply helps.