Mobile Footer displaying wrong margins/text-height for Privacy Policy

Site URL: http://hilarybeckwith.com

Hello - In Mobile view, the very bottom text of my footer displays as if there's nearly no space between the lines.  I've tried a few different codings, but can't seem to figure it out.

any help?  thank you!

Adjust line-height of text in Design > Site Styles

Or add this to Design > Custom CSS

footer.sections .html-block p {
    line-height: 25px;
}

On 9/19/2021 at 3:55 PM, tuanphan said:

Adjust line-height of text in Design > Site Styles

Or add this to Design > Custom CSS

footer.sections .html-block p {
    line-height: 25px;
}

 

Thank you, but specifically I need help with the MOBILE view. The desktop view is perfect.

Site Styles does not allow me to alter line height for MOBILE (at least not that I can see)

How can I adjust line height ONLY for mobile?

On 9/22/2021 at 12:42 AM, hilaryb said:

Thank you, but specifically I need help with the MOBILE view. The desktop view is perfect.

Site Styles does not allow me to alter line height for MOBILE (at least not that I can see)

How can I adjust line height ONLY for mobile?

Remove aboev & use thiss

@media screen and (max-width:767px) {
footer.sections .html-block p {
    line-height: 25px;
}
}

On 9/23/2021 at 8:02 PM, tuanphan said:

Remove aboev & use thiss

@media screen and (max-width:767px) {
footer.sections .html-block p {
    line-height: 25px;
}
}

 

That worked, thank you!