How to reduce font size for table and mobile

[gm713]

Hi. I want to drop the font size to 85% on table and to 75% on smartphone/mobile view, across the site

 

How can I accomplish that.

[gm713]

Tablet* not Table.

[Kieran_SQ]

Hi,

Thanks for your question, you can use media queries to define font sizes based on screen size, please use your Child theme’s style.css to add your CSS.

COPY CODE

@media screen and (max-width: 767px) {
h1 {font-size: 20px;}
h2 {font-size: 20px;}
h3 {font-size: 20px;}
h4 {font-size: 20px;}
h5 {font-size: 20px;}
h6 {font-size: 20px;}
p {font-size: 20px;}

COPY CODE

@media screen and (max-width: 481px) {
h1 {font-size: 12px;}
h2 {font-size: 12px;}
h3 {font-size: 12px;}
h4 {font-size: 12px;}
h5 {font-size: 12px;}
h6 {font-size: 12px;}
p {font-size: 12px;}

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts