Avada Forums Community Forum Make Fusion Slider Responsive Reply To: Make Fusion Slider Responsive

pbeaulieu
Participant
Post count: 14

If your site is responsive, you images should resize.It is not best practice to put text on images, as you will get cropping. If you must do this, you you should create 3 different images.For example:

Website: 1280 X 640 or 320
Tablet: 640px
Phone: 320px

After that use CSS to define the parameters.

img hero-1 {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img hero-2 {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

If you define what the images do the browser will display them correctly. Since you are using text, it is important to resize the images first.