[joekob]

Hello,
Just wanted to say that I am using fluida and it is by far the best template I have used on WordPress so far – thanks.I do however have an issue with Serious Slider being that it looks perfect on full size but when scaled down to mobile size the text size (h1) remains the same making it disappear from the slider or only show parts of words. Can this be fixed without just using fewer words please?
Thanks!

[Zed]

We are aware of this and we plan to improve responsiveness with future updates.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[DreamTeam]

Hello Zed,

We are struggling with the same issue, still. So at the moment, we are using Cryout Serious Slider for the desktop version and static pictures to show on mobile devices. This issue being fixed would mean the world! Any idea on if & when there’ll be an update fixing this issue? An answer would be much appreciated. 🙂
Btw. Thanks for the Fluida Theme, it’s awesome!!

Cheers!

Website: carafes-and-decanters.com

[Hiknyt]

Hello!
I’m having the same problem with my website. I use fluida theme and love it, so I hope we can have this issue fixed as soon as possible.
In the meanwhile, how can I show a static picture on mobile devices?
Thankyou!

[Zed]

We did implement text resize (at various screen width steps) in recent slider updates.
However, if there is a large amount of text and/or on a short slider the captions will still not fit on screen on smaller devices.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Madrasmag]

Hi

The slider looks perfect on desktop but a tiny bit of the text gets cut off on mobile. Is there a way to reduce the text size or anything else I can do?

Love the theme.

Website: madrasmag.in

[freshlime]

I have the same question — part of the text is cut off on mobile. Any suggestions on how to modify the code? T Thanks!

[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

[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;
}
}

[Author]

Posts