Making the typography responsive


#1

Hi,

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?

Craig


#2

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){
  .site-description{
    font-size: 12px;
  }
}

I hope this reply helps.

Regards,
Kharis