Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) {
body .row .col.section-title h1, body h1, html body .row .col.section-title.span_12 h1, .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2 {
line-height: 27.9px !important;
}
}
I'm having the same issue. The Custom CSS posted doesn't change the line height on my mobile device, just in the browser. Is there another solution? I do have 'Custom Responsive Headings' activated.
Portfolio project mobile version H1 can't change line-height.
As you see it needs to be more line-height
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) { body .row .col.section-title h1, body h1, html body .row .col.section-title.span_12 h1, .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2 { line-height: 27.9px !important; } }Thanks
ThemeNectar Support Team
Thanks! It work
I have the same problem but the custom css does not apply in my case.
What do you suggest?
@Iavitan, Please create a new ticket with your site url so we can have a look.
Best
ThemeNectar Support Team
Hey Tahir,
I'm having the same issue. The Custom CSS posted doesn't change the line height on my mobile device, just in the browser. Is there another solution? I do have 'Custom Responsive Headings' activated.
@Amy,
Please create a new ticket and provide the page url where we can see the issue .
Best
ThemeNectar Support Team