I’m using the very awesome AnythingSlider on a site and it’s working well. But I’m also using a separate mobile layout using a mobile stylesheet and having some problems. I’m resizing the images, slider window, etc to 100% width (see CSS below), and everything is being resized, except the images within the slider. They aren’t being resized and so only the top corner of each photo rotates through the slider. I’ve also tried the slider setting as below (the width and height are half the original). What I want, is to have the slider itself and each of the images take up 100% of the viewport.
Any suggestions?
div.anythingSlider, .anythingWindow, .anythingSlider img, div.anythingSlider ul.anythingSlider li img
{
border: none;
padding: 0;
width: 100% !important;
}
width : 300, // Override the default CSS width
height : 200, // Override the default CSS height
resizeContents : true, // If true, solitary images/objects in the panel will expand to fit the viewport