I'm trying to change the size of the text in my footer when I view my site on the mobile. But just can't find the correct CSS to use. Everything I've tried affects the size of the footer on the desktop view but the mobile view remains unaffected.

.site-footer .footer-widgets .widget .textwidget, .site-footer .footer-widgets .widget p {
    font-size: 15px

}

Any help much appreciated as I can' get it to work. I'd also like the apply the same to the portfolio menu items as I'm trying to avoid the text from wrapping.

I'm using the responsive tab and placing the code in either the Small Screen of the Extra Small Screen boxes - neither affects the text on the mobile, but it shrinhl on the desktop view.

Thanks

E