Slider Not Displaying Images Correctly on Mobile

[Jacob Holmes]

The slider on my website www.mtactors.com is displaying properly enough on desktop but on mobile devices the slider is displaying a side of the pictures rather than centering them. I made sure all of the images are the correct dimensions of 1600×750. I cannot find any documentation on this issue. Is there a setting somewhere that I am missing? How can I make the homepage slider responsive and look beautiful on mobile?

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.feature { min-height:200px;}
#supersized { margin-top:130px !important;}
#supersized img, #supersized li img { max-width:auto !important; width:100% !important; height:auto !important; left:0 !important;}
}

Regards,
Dave

[Chukwuemeka Anoruo]

My website is built on skt library pro
The slider on my website www.teevotogo.org is displaying properly on desktop but on mobile devices the slider is displaying a side of the pictures rather than centering them.
I made sure all of the images are the correct dimensions of 1400×588. I cannot find any documentation on this issue. Is there a setting somewhere that I am missing? How can I make the homepage slider responsive and look beautiful on mobile?

[Sonal S Sinha]

Hi,

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

@media (max-width: 479px) {
  .nivoSlider img {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0;
  }
}

Regards,
Dave

[Chukwuemeka Anoruo]

Hello Dace,

Thanks so much for your timely response, but i have pasted the provided code but the banner images are still not fully responsive.

Some part of the banner images are lost to the left side

[Chukwuemeka Anoruo]

Hello Dave,

Thanks so much for your timely response, but i have pasted the provided code but the banner images are still not fully responsive.

Some part of the banner images are lost to the left side

[Sonal S Sinha]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Dave

[Chukwuemeka Anoruo]

Hello Dave,

Can you help look into this issue I raised some weeks ago concerning the SKT Pro Theme slider not being fully responsive on mobile devices. Also can i embed links on slider images.

Kind regards

[Sonal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Dave

[Chukwuemeka Anoruo]

Here are the banner images on mobile:
https://ibb.co/Fbk83H4
https://ibb.co/p3sqRXK
https://ibb.co/VwcRMG0

While here are the banner images on desktop:
https://ibb.co/GssWrkb
https://ibb.co/g6hvg7g
https://ibb.co/SB67W9x

[Sonal S Sinha]

Hi,

Issues have been resoled. Kindly check and confirm.

Regards,
Dave

[Chukwuemeka Anoruo]

Issue resolved, thanks so much.

Please on the slider images, i currently use button links to effect call-to-action. Could the links be imbeded on the slider images instead because most of the time, the link button blocks some info on the slider.

[Chukwuemeka Anoruo]

Hello Dave,

Can you please effect same update on my page banners as they are not currently responsive on mobile devices.

Kind regards

[Sonal S Sinha]

Hi,

Your website is not opening therefore, we are unable to check the issue.

Regards,
Dave

[Chukwuemeka Anoruo]

Hello Dave,

The website is up and running now.

Kind regards

[Author]

Posts