Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 21, 2014 at 2:15 am #371121
    ML

    Hi Guys,

    I increase my font size section to font-size: 1.250em; , another to font-size: 15px;

    it results in same font size length in my mobile. I thought px is non scable and em is?
    Is it because enfold theme features or setting?

    December 21, 2014 at 5:09 am #371148
    Josue

    Hey ML!

    Em is relative to the font size currently set to the parent element, in most cases it would be to this body rule set in css/base.css:

    body {
	font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	-webkit-text-size-adjust: 100%;
 }

    If you want to have different font sizes depending on screen size you’d need to use some media queries:

    @media only screen and (max-width: 480px) {
body{ font-size: 18px; }
}
@media only screen and (max-width: 767px) {
body{ font-size: 16px; }
}
@media only screen and (max-width: 989px) {
body{ font-size: 14px; }
}

    Regards,
    Josue

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.