Odd footer formatting on mobile

[Mike]

Mike

March 26, 2021 at 9:51 pm

In Footer Settings I’ve requested 3 footer cells, but I’ve added some Custom CSS to provide a different layout than the default 33/33/33.

.col-md-4.footercol1 {
width: 45% ;
}
.col-md-4.footercol2 {
width: 25% ;
}
.col-md-4.footercol3 {
width: 30% ;
}

This gives me precisely the spacing I want, but it causes text wrapping on the mobile view that seems unnecessary. You can see it HERE. While there’s more than ample room to not force line breaks, it’s doing so anyway. If I removed my CSS the problem clears up, but then I also lose my desired spacing. Any tips for preserving my spacing above but still have it look good on the phone?

Thanks much!!