"small desktop responsive typography" (#2526053) / ThemeNectar

Comments

28
Co-Brains started the conversation
September 2, 2020 at 10:08am
hi! I was setting my responsive typography, and I noticed that my macbook air 13" (1440x900 px) is considered not as a small desktop. Is it correct? in that case is there a way to do that?
8,851
Tahir replied
September 2, 2020 at 11:19am
Hey Again,
I am afraid it's not possible to alter the media queries at the moment without custom code edits.
Thanks

ThemeNectar Support Team
28
Co-Brains replied
September 2, 2020 at 11:27am
Thank you very much for the response. Can you please tell me what are the measure of the small desktop (and the other) breakpoints?

8,851

Tahir replied

September 2, 2020 at 11:32am

These 4 media queries are used in general.

    @media only screen and (min-width: 1300px) and (max-width: 1500px){
        body .portfolio-items.constrain-max-cols.masonry-items .col.elastic-portfolio-item h3 {
            font-size: 20.4px;
            line-height: 27.2px;
        }
    }
    
    @media only screen and (max-width: 1300px) and (min-width: 1000px) {
        .row .span_2 h3, .row .span_3 h3, .row .span_4 h3, .row .vc_col-sm-2 h3, .row .vc_col-sm-3 h3, .row .vc_col-sm-4 h3, .row .col h3, body h3 {
            font-size: 20.4px;
            line-height: 27.2px;
        }
    }
    @media only screen and (max-width: 999px) and (min-width: 690px) {
        .row .span_2 h3, .row .span_3 h3, .row .span_4 h3, .row .vc_col-sm-2 h3, .row .vc_col-sm-3 h3, .row .vc_col-sm-4 h3, .row .col h3, body h3 {
            font-size: 19.2px;
            line-height: 25.6px;
        }
        .wpb_wrapper h3.vc_custom_heading {
            font-size: 19.2px!important;
            line-height: 25.6px!important;
        }
    }
    @media only screen and (max-width: 690px) {
        .row .span_2 h3, .row .span_3 h3, .row .span_4 h3, .row .vc_col-sm-2 h3, .row .vc_col-sm-3 h3, .row .vc_col-sm-4 h3, .row .col h3, body h3 {
            font-size: 19.2px;
            line-height: 25.6px;
        }
        .wpb_wrapper h3.vc_custom_heading {
            font-size: 19.2px!important;
            line-height: 25.6px!important;
        }
    }

Thanks

ThemeNectar Support Team

1 Like