I am redesigning a splash page and in it I have a jquery slider (which is
responsive). The page has to reformat gracefully from a full site to a
smartphone size. Most of our site is mobile already. The slider is
resizing nicely but the captions that are included in some of the slides
are not.
Firebug is showing that when it's resized it's still applying the regular
style for the caption which is:
.theme-default .nivo-caption {
font-family: "Lucida Sans Unicode","Lucida
Grande",Arial,Helvetica,sans-serif;
font-size: 16px;
}
}
I created a media query to resize it to 10px but that doesn't seem to be
taking and I can't figure out why. Here's the media query style:
/* Mobil Caption on Slider */
@media only screen and (max-device-width: 480px) {
.theme-default .nivo-caption {
font-family: "Lucida Sans Unicode","Lucida
Grande",Arial,Helvetica,sans-serif;
font-size: 10px;
}
}
And here is the page in question:
http://americanart.si.edu/index_newsplash3.cfm (don't be concerned about
the gray and black boxes under the slider).
Can anyone tell me how to fix this? Thx.
Jeff
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
