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

Okay
  Public Ticket #1578720
H1 on mobile is too small
Closed

Comments

  • Neil Snow started the conversation
    May 17, 2018 at 6:22pm

    The H1 on mobile becomes the same size as my H5 and H6. I would like it to be larger but not at desktop size. On Mobile, I want it to be: 

    font-size: 28px; line-height: 24px;

    I cannot find where to specify this. Please advise. 

    Thanks!
    Neil

  •  7,280
    Oliver replied
    May 18, 2018 at 6:42am

    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