Topic: X Slider responsive text

Tagged: x

Author

Posts
July 18, 2016 at 8:56 pm #1092822

Leanna
Participant

Hi, I’m trying to avoid using Rev Slider for my home page at http://www.leannacinquanta.com but in the native X Theme slider, the text is not responsive. How can I make the text size down significantly for mobile view?
thank you!!

July 18, 2016 at 8:56 pm #1092823

Leanna
Participant

This reply has been marked as private.

July 19, 2016 at 1:26 am #1092998

Christopher
Moderator

Hi there,

Please add responsive text element under cornerstone settings tab. Define selector and font sizes.
Assume that the selector is .h-responsive, you should add selector’s name as headline/text class without predot.

e.g :

<h1 class="h-reponsive" style="margin: 0px" ;="">“HELL FLEES!”</h1>

Hope it helps.

July 19, 2016 at 11:53 am #1093835

Leanna
Participant

thanks, that’s a nice clear explanation you’ve provided which I’ll apply to other pages/elements too. I’m not sure the slider text got any smaller though in the mobile. Please check it. How much can I get it to compress? I set compression at 2.65 but would like it to go smaller in mobile view. The slider text still overlaps some places.

July 19, 2016 at 12:25 pm #1093892

Rupok
Member

Hi there,

Let’s try some value and see what suits best.

Cheers!

July 19, 2016 at 1:10 pm #1093960

Leanna
Participant

I jut solved it, but not with the responsive function; I hid the slider on mobile and added a static text visible on mobile and hidden on desktop.

July 19, 2016 at 1:25 pm #1093976

Rupok
Member

Glad that you sorted it out. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!
Author

Posts

<script> jQuery(function($){ $("#no-reply-1092822 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>