-
AuthorPosts
-
January 31, 2018 at 5:43 pm #905661
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!
JSFebruary 1, 2018 at 8:46 pm #906447Hey 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,
BasilisFebruary 2, 2018 at 6:18 pm #906938That doesn’t work :)
February 2, 2018 at 6:19 pm #906940The 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
February 2, 2018 at 6:35 pm #906947Hi,
Try adding this to quick css instead:
.template-page .entry-content-wrapper h1{ letter-spacing:0px!important; }Best regards,
Jordan ShannonFebruary 4, 2018 at 5:54 pm #907560no change. Strange right?
February 5, 2018 at 4:55 am #907683Hi 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,
NikkoFebruary 5, 2018 at 6:13 pm #908131Interesting. It DOES respond in the General Styling section Nikko. Thank you. Why is that?
February 6, 2018 at 1:59 am #908292Hi,
This is what makes it work:
display: block;if that code is removed, line height doesn’t work on the span tag. :)
Best regards,
NikkoFebruary 6, 2018 at 3:59 pm #908646Ah! Thank you.
February 6, 2018 at 4:03 pm #908650Hi,
You’re welcome. Let us know if you need further assistance or if we can close this thread :)
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.
