Problem with textual content in footer -- text overlaps when in mobile view

[gignnn]

Hello,

I am having an issue with my footer. I have quite a bit of textual content in my footer, and when I reduce the width of the screen and enter a mobile view, the text jumbles together. Can you assist me in adding CSS so this problem is elimated? Thanks! Please see the attached image:

[thai]

Hi There,

Please try adding this custom CSS under Theme Options > CSS:

.x-colophon.bottom .x-colophon-content {
    line-height: 1.5;
}

Hope it helps

[gignnn]

hi,

thanks for the reply, but that didnt seem to help

@thai

x-colophon.bottom .x-colophon-content {
line-height: 1.5;
}

[ruenel]

Hello There,

It does not work because you inserted the incorrect code.

Please insert the code given by Thai which is:

.x-colophon.bottom .x-colophon-content {
    line-height: 1.5;
}

Please let us know how it goes.

[gignnn]

I forgot the period, thanks!

[ruenel]

You’re welcome!