SKT Golf slider

[nahumpfrancis]

Hello Support,

When I tried to increase the slider image size in small screens using following code,

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

my mobile phone alignment look ugly.

Please see the image below

https://imgur.com/QC8FjlH

How do I keep the image height big but it won’t show the out of proportion portion.
In fact, I don’t want to see the empty space in mobile version while I keep my home page slider height the same.

Please see the image below

https://imgur.com/oI63tCI

I want to keep it like it always and not allowing clients to move to the right where the empty space.

Thank you

[Forum Moderator]

Hi,

Remove:

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

And Add this new CSS:

.title { line-height:10px;}
.nivoSlider img {
    max-width: 160% !important;
    width: 160% !important;
    margin-left: -60%;
}

Regards,
Chris

[Author]

Posts