Changing the Slider to Resize For Mobile

OK, so there are quite a few guys and gals out there who want to know how to make the slider, resize rather than scale and crop.

It’s real easy to do from your end, all you need to do is copy and paste some code into the options panel.

Navigate to “Flipit > Styling Options” and go down to the “Custom CSS” field. Now copy and paste the code below, and hit “Save All Changes”.

@media (max-width: 480px) {
	.flexslider {
		height: auto;
	}
	.flexslider .slides {
		height: auto;
	}
	.flexslider .slides > li {
		height: auto;
	}
	.flexslider .slides img {
		max-width: 100%;
	}
	
	.flex-caption {
		font-size: .8em;
	}
        .flex-caption-title span {
            font-size: 1.5em;
            padding: 2px 0px;
            line-height: 1.7em;
        }
        .flex-caption-text span {
            font-size: 10px;
            padding: 2px 0px;
            line-height: 13px;
        }
}