Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

Okay
  Public Ticket #1481820
H2 tag too small on mobile
Closed

Comments

  • biernat_a started the conversation
    February 25, 2018 at 2:07pm

    Hi,

    Is there any way to change font size of H2 tag on mobile? On mobile it becomes much smaller than the body text.

    Thanks in advance!

    Adam Biernat

  •  7,280
    Oliver replied
    February 26, 2018 at 6:55am

    HI!

    here is an example of CSS for controlling font size for mobile:

    @media (max-width: 1000px) {
h1, .title-h1 {        
    line-height: 30px !important;        
    font-size: 30px !important;
}
h2, .title-h2 {        
    line-height: 30px !important;        
    font-size: 30px !important;
    }
}
@media (max-width: 768px) {
h1, .title-h1 {        
    line-height: 30px !important;        
    font-size: 30px !important;
}
h2, .title-h2 {        
    line-height: 30px !important;        
    font-size: 30px !important;
    }
}
@media (max-width: 500px) {
h1, .title-h1 {        
    line-height: 30px !important;        
    font-size: 30px !important;
}
h2, .title-h2 {        
    line-height: 30px !important;        
    font-size: 30px !important;
    }
}

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • biernat_a replied
    February 26, 2018 at 9:49am

    Thank you Gregor!

  •  7,280
    Oliver replied
    February 26, 2018 at 9:54am

    Welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver