"Responsive Headers" (#1652500) / CodexThemes

Comments

DesignicCreative started the conversation
July 24, 2018 at 10:08am
The headings look fine on desktop, but resize to a very tiny size on mobile. Is there the ability to adjust the responsive sensitivity?
(please note the title (About) in the screenshot

7,280

Oliver replied

July 24, 2018 at 10:13am

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

1 Like

DesignicCreative replied
July 24, 2018 at 10:20am
Sweet, thanks. So I guess there are no theme settings for this then? It has to be custom code?
7,280
Oliver replied
July 24, 2018 at 10:32am
Yes, in this moment only via code.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.

Regards, Oliver