[ddewilt]

Sidenote:

You need to place:

.seriousslider {
height:350px!important;
}

in:

@media screen and (min-width: 768px) {
}

So:

@media screen and (min-width: 768px) {
.seriousslider {
height:350px!important;
}
}

[ddewilt]

It is possible!!

I just made the slider much higher. Instead of 16:9 I have now 4:3. Then you set the height with some custom css – only for desktop – manually less tall.

I’ve set my slider settings to 1920x1000px, set the slider size to ‘Force constrains’ and then upload a big photo (that the only thing with it.. the image gets bigger..) and set the height in css manually to i.e.:

.seriousslider {
height:350px!important;
}

The value should be the value for the desktop version..If you want it smaller on mobile I think you have yo resize it at the slider settings.

This worked for me, you can play around with the captions to fit on mobile and desktop with something like this:

@media screen and (min-width: 768px) {
.seriousslider-caption {
left: 48%;
top:20px;
} }

@media screen and (max-width: 767px) {
.seriousslider-caption {
left: 5%;
top:40px;
}

.seriousslider-caption-text, .seriousslider-caption-title {
font-size: 0.8em!important;
width: 100%!important;
}

.seriousslider-caption-title {
padding:15px!important;
}
}

(These are my values)

I hope it will succeed for you guys!

Greetings!

Website: www.ddewilt.nl

[Author]

Posts