ThemeNectar

Comments

Derek started the conversation
January 17, 2015 at 4:51am
Page is https://workthere.co.
The title is so long that with the font size it goes off the page on a mobile device. I have added the following code in the custom CSS but it is not working.
@media only screen and (max-width: 690px) {
body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2, body .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content h2, body .full-width-content .vc_span12 .swiper-slide .content h2 {
font-size: 45px!important;
line-height: 59.8px!important;
}
}
I am using the child theme but have not yet customized any of the code.

8,425

Tahir replied

January 19, 2015 at 4:07pm

Hey!

Add this into the Custom CSS box located in your Salient Options panel :

@media only screen and (max-width: 480px) {
    body #ajax-content-wrap .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2, body .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content h2, body .full-width-content .vc_span12 .swiper-slide .content h2 {
        font-size: 42px!important;
        line-height: 49.8px!important;
    }
}

Thanks

ThemeNectar Support Team

Derek replied
January 20, 2015 at 3:34am
That fixed it! Thanks so much for the fast response.