I cannot for the life of me fix this. Not sure what’s going on. Have any suggestions?
Tinkered with it, removed all reference to defined height within the h1 to ensure nothing is overridden. Yet no change?
See below link please.
Thanks!
JS
Hey Justin,
Which page is that?
I loaded the homepage and cant find it.
I suppose that it is because of Line Height that the H1 has on mobile, so something like
@media all and (max-width: 599px) and (min-width: 320px) {
h1{
line-height: 1.2px;
}
}
Let us know if that worked out.
Best regards,
Basilis
That doesn’t work :)
The page you want to reference is the ABOUT page. There is a <h1><span> reference. The <span> is what’s smaller, and should have a line-height of 1.1em. Nothing I do fixes that. :D
Hi,
Try adding this to quick css instead:
.template-page .entry-content-wrapper h1{
letter-spacing:0px!important;
}
Best regards,
Jordan Shannon
no change. Strange right?
Hi Justin,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:479px) {
#top #slide h1 span {
line-height: 1.5;
display: block;
padding: 0 !important;
}
}
Let us know if that helps.
Best regards,
Nikko
Interesting. It DOES respond in the General Styling section Nikko. Thank you. Why is that?
Hi,
This is what makes it work:
display: block;
if that code is removed, line height doesn’t work on the span tag. :)
Best regards,
Nikko
Ah! Thank you.
Hi,
You’re welcome. Let us know if you need further assistance or if we can close this thread :)
Best regards,
Nikko