Hey Again,

Try using the New Responsive Typography Settings in here : 

Click on Image to View Larger

Thanks.

Hi Vivien,

Thanks for writing back.

To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:

From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:

@media only screen and (max-width: 690px) {
    body .row .col.section-title h1, body h1, html body .row .col.section-title.span_12 h1, body.single.single-post .row .col.section-title.span_12 h1, #page-header-bg .span_6 h1, #page-header-bg.fullscreen-header .span_6 h1, body .featured-media-under-header h1, .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2 {
        font-size: 30px;
    }
}

Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related. 

If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help. 

Hey Again,

We dont recommend using Custom CSS unless absolutely necessary . 

Did you adjust the  Responsive Typography Settings in here ?. 

See Screenshot:

Click on Image to View Larger

.

Best.