Tagged: , , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 4, 2014 at 8:00 pm #287356
    changegroup

    Hi team Enfold,

    I need to resize the headings (H1), when the responsive website goes under like 768 pixels, as the large heading (H1) messes up the color sections with images, when I resize the browser and view the website on tablet (vertical) and mobile.

    How can I do this with CSS?

    I have tried the suggestions from these posts but doesn’t seem to work:
    https://kriesi.at/support/topic/h1-headings-not-resizing-in-responsive-mode/

    OBS! I have styled the Headings with ‘Advanced Styling’ in the Theme Options.

    July 5, 2014 at 4:12 am #287422
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
h1 { font-size: 22px !important; }
}

    Cheers! 
    Josue

    July 7, 2014 at 9:31 am #287867
    changegroup
    This reply has been marked as private.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Responsive headings (H1) to tablet and mobile’ is closed to new replies.