conditional font size in footer?

ericnl · #1 Feb 5, 2014, 09:07 PM

I've chosen to bypass the menu bars of the theme, because I want the menu bar on the bottom of my page and couldn't find any other solution than to set this up with a bunch of html a href codes, which works fine on a computer or ipad, but on a mobile phone the whole menu gets warped and does not fit on one line any more, so I'm looking for a condition CSS code (OR ANY OTHER SOLUTION) that will help me shrink down the footer on mobile phones...

so far I've tried things like, this, but they don't really work...
please help?

FOOTER STYLE:

Code:

font-size:22px;

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
font-size:14px;
}