Hey,

Please provide the page url so that i can write up the custom css for whats possible.

Also try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 .

Best.

Hi there,

Try the following custom css in Salient > General Settings > CSS/Script related:

@media only screen and (max-width: 768px){
    h1.vc_custom_heading {
    font-size: 20px!important;
    line-height: 40px!important;
    }
    
    h2.vc_custom_heading {
    font-size: 18px!important;
    line-height: 30px!important;
    }
}

Kind regards.

Hi Jonas,

Could you allow us to login to your website we check what could be overwriting that. We going to need username and password with admin privileges.

Thanks.

Hi Jonas,

Use any of your email . We only need username and password only that allow us to login.

Thanks.

Hi Jonas,

Updated css like below and seems to have increase the fonts. You can still adjust in Salient > General settings 

@media only screen and (max-width: 768px){
    .mob-font h1.vc_custom_heading {
    font-size: 20px!important;
    line-height: 40px!important;
    }
    
    .mob-font h2.vc_custom_heading {
    font-size: 18px!important;
    line-height: 30px!important;
    }
}

Hope this helps.

Hi Jonas,

To target specific element in a row the make sure you add a class name.

Kind regards.

Hi Jonas,

The row has option to add extra class and not elements.

Thanks.

Hi Jonas,

The following will work since you have set in custom heading. It applies only in mobile.

@media only screen and (max-width: 768px){
    .mob-font-3 {
    font-size: 20px;
    line-height: 40px;
    }
    
}

Kind regards.

Hi Jonas,

The following css added in Salient > General settings > CSS/Script related is overriding.

Hope this helps.