SKT Solar Power – slider display

[Courtney Cline]

Hi. I’m using your SKT Solar Power theme at https://419aesthetics.com/. I would like the full slider image to display when I view it on a phone. Right now, I’m seeing less than half of the lady in the image. I added the following code:

@media (max-width: 767px) {
.nivoSlider img {
object-fit: contain !important;
height: auto !important;
}
.slider-main .nivo-caption .slidedesc {
padding-bottom: 15px;
}

This fixed the issue when I view it on my computer and shrink the browser to the size of a phone, but it didn’t actually fix it when viewing it on a phone. (After using two different browsers on my phone, I even texted the link to someone else and had him send me a screenshot of what they saw to ensure it wasn’t just my phone having the issue.)

Please help.

Thanks,

Courtney

[Sonnal S Sinha]

Hi,

Kindly use this CSS to resolve the issue.

@media screen and (max-width:479px) {
.nivoSlider img {
   max-width: 140% !important;
   width: 140% !important;
   margin-left: -40%;
}
}

Regards,
Dave

[Author]

Posts