Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 22, 2017 at 5:10 pm #764894
    richardwilding

    Hi Kriesi,

    On my home page (private link below) I am using a series of large texts to introduce the company.

    Some of these texts are in regular text boxes inside color sections, while other texts are in captions in full width easy slider elements.

    The captions inside the full width easy sliders are set to 36px, and the texts in the text boxes are using h1 and h2 headlines which I have set to 36px and 24px in the advanced styling section of my Enfold theme settings.

    These all work well on my laptop, but on my iPhone the captions inside the easy sliders are very small, but the h1 and h2 texts remain very large.

    How can I change the h1 and h2 text sizes so that they are smaller (to match the easy slider captions) when viewed on mobile?

    Thanks

    March 22, 2017 at 5:57 pm #764928
    Jordan Shannon

    Hey Richard,
    You can add this to quick css to adjust the font sizes:

    
@media only screen and (max-width: 736px) and (min-width: 320px)  {

.av_textblock_section .avia_textblock.av_inherit_color h1{
font-size:36px !important;
}

h2.av-special-heading-tag{
font-size:24px !important;
}

}

    Please let me know if this is what you needed.

    Best regards,
    Jordan Shannon

    March 24, 2017 at 1:12 pm #766120
    richardwilding

    Thanks Jordan, yes this worked for me

    Thanks

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Text size on mobiles’ is closed to new replies.