Control footer widget width for mobile

Hello Support
For this site: http://www.premiumwholesaleflorist.com/X1/
When viewed on a mobile phone, the 4 widget areas are stacked - which is fine, but notice that the width is restricted as seen in the wrapping of text ‘Cut Flower Wholesale’ - I have tried several css changes, but nothing works to force the width of these areas when viewed on a mobile. Can I get some guidance on this? Ty.

Ned vanSise
[email protected]

Hello Ned,

Thanks for writing in!

Please add following CSS to resolve the problem as seen on mobile devices:

@media only screen and (max-width: 900px) {
    footer.x-colophon.top .x-column.x-1-4 {
    width: 85%;
}
}

Let us know how it goes.

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.