This topic has 2 replies, 2 voices, and was last updated 7 years by 
-
-
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.
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 solutionIf 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.
Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘General questions’ is closed to new topics and replies.
