Healing Touch PRO – Nivo Slides size/changes problem

[MAYCON]

Hi there

When I changed the size of nivoslider from fullwidht to 1170px started this problem. The first slide is correct. But when slide transition starts, there is a problem with margins and size of the pictures as u a ( http://www.anapaulanaspolini.com.br )

Acctualy, this is the configs of my nivo-slider.css

.nivoSlider {
position:relative;
width:1170px;
height:auto;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: 1170px!important;
max-height: auto!important;
margin-left: auto;
margin-right: auto;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
height: auto;
}

[Sonl Sinha]

Hi Maycon,

There is only one slider image showing now. Kindly add more than one slider image so that we will send you css instruction.

Regards,
Brad

[MAYCON]

Sorry bud,

Updated, please look again

After the first slide the problem starts

[Sonl Sinha]

Hi Maycon,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.slider-main{width:1170px; margin:0 auto;}

Regards,
Brad

[MAYCON]

Problem solved

Thanks again!

[Sonl Sinha]

Hi Maycon,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/

Regards,
Brad

[MAYCON]

Hello again Brad

I did the changes, and now, my slider itsn’t responsive on mobiles

May u help-me again?

tnkz

[Sonl Sinha]

Hi Maycon,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width:767px) {
.slider-main{width:100% !important;}
}

Regards,
Brad

[Author]

Posts