How to make Revolution Slider Text Responsive

Support
#1

Hello,

I’ve created a hero image with text with Revolution Slider.

However, the text isn’t responsive. Any suggestions on how to remedy that?

Thanks,

Luisa

#2

If I remember right, it’s not responsive by default. Think you have to turn on “Custom Grid Size” at the various devices/screen sizes at the Slider Layout and then you can change elements of the slides according to screen size at the Slide Editior. (you’ll see up to 4 icons at the dark area representing desktop, laptop, tablet and phone).

#3

Hi Luisa,

Thanks for writing in.

I believe you might find this resource helpful: https://theme.co/apex/forums/topic/revolution-slider-responsive-text/. This might solve the issue for you.

In case it doesn’t, I would suggest doing the following:

  1. Click on the text
  2. Then click the “Behavior” tab

  1. Turn on “Auto-responsive”

  1. Right click on the text element then choose Style > Advanced Layer CSS

  1. Then enter a percentage-based font size. Ex: font-size:150%

Tell us how it goes.

Thanks.

#4

Thank you. Where exactly do you fin the Custom Grid Size?

#5

Hi,

It’s under slider settings.

Kindly refer to the link below.

https://www.themepunch.com/revslider-doc/slider-setup/#slidelayout

Hope that helps.