Changing font size in mobile footer only

I am trying to decrease the font size in my website's footer on mobile only. Can someone please advise on the custom CCS code?

Thanks!

Add to Design > Custom CSS

/* Mobile Footer */
@media screen and (max-width:767px) {
	footer.sections * {
		font-size: 12px !important;
}
}

@tuanphan Is there a way to target a specific font, like H4, and adjust its size on mobile in footer only?

Thanks in advance! 🙂

On 11/1/2023 at 3:16 AM, madcapcreative said:

@tuanphan Is there a way to target a specific font, like H4, and adjust its size on mobile in footer only?

Thanks in advance! 🙂

Use code like this

/* Mobile Footer */
@media screen and (max-width:767px) {
	footer.sections h4 {
		font-size: 12px !important;
}
}