Slider issues

[nahumpfrancis]

I have tried different themes and none of them look good on mobile devices. The slider area is so small.

I have tried almost all the themes to see if it works. Is there any css code to overcome this issue. I have tried other themes from some other companies and works fine on mobile devices.

Please do help me solve this as I am a big fan of your themes and continue using your themes for couple of years now. I really don’t want to move into any other themes.

I hope someone can send me a css that solves the home page slider issues on mobile devices.

I want to see my themes big (full screen on the mobile devices).

Please see the attachments
Here are some examples of what I am talking about.
https://imgur.com/ICom3aZ
https://imgur.com/Gq7zQS9
https://imgur.com/od9G3uz
https://imgur.com/Cgo4p6q
https://imgur.com/Yzgx39W
https://imgur.com/X0oLfei

Here is a DIVI theme template which has a full screen slider
https://imgur.com/0WaSSvB

Please help me make something like this as most of my clients used SKT themes trying to move away and I really like your themes except slider.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.nivoSlider img {
    max-width: 160% !important;
    width: 160% !important;
    margin-left: -60%;

}

Regards,
Dave

[nahumpfrancis]

Thanks Dave,

It screw up the desktop version and in all other versions. Slide changed dramatically and not flowing well!

[Sonl Sinha]

Hi,

Remove

.nivoSlider img {
    max-width: 160% !important;
    width: 160% !important;
    margin-left: -60%;

}

Add this CSS there

@media screen and (max-width:767px) {
.nivoSlider img {
    max-width: 160% !important;
    width: 160% !important;
    margin-left: -60%;

}
}

Regards,
Dave

[nahumpfrancis]

Thanks Dave. I really appreciate your help.

[Sonl Sinha]

🙂

[Author]

Posts