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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts