Revolution slider text on mobile - by birchandbone

This topic has 9 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Eva Kemp

  • Avatar: birchandbone
    birchandbone
    Participant
    June 30, 2015 at 22:28

    The text in my revolution slider gets too tiny to read and the spacing gets messed up when you view it on mobile. How to resolve?

    view at http://dev.getcrea.tv/

    8 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    July 1, 2015 at 09:20

    Hello,

    Please provide us with wp-admin panel credentials in Private Content.

    Regards,
    Eva Kemp.

    Avatar: birchandbone
    birchandbone
    Participant
    July 2, 2015 at 21:04

    Ok thank you

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    July 3, 2015 at 09:51

    Hello,

    I’ve added the following code in Theme Options->Custom CSS->Custom CSS for mobile. Please check.

    .tp-revslider-mainul p.active{
    font-size:40px !important;
    }

    Regards,
    Robert Hall.

    Avatar: Eva
    Eva Kemp
    Support staff
    July 3, 2015 at 11:14

    Hello,

    I’ve added this code to increase font size on the slider in Theme Options > Custom CSS > Custom CSS for mobile:

    p.active span, em.active, li.active, strong.active, span.active {
        font-size: 15px !important;
    }

    Also I’ve changed slider settings to “Auto Responsive” in “Slider Layout” field.
    Also you can refer to Revolution Slider article concerning this issue:
    http://www.themepunch.com/faq/increase-size-of-text-on-mobile/

    Regards,
    Eva Kemp.

    Avatar: birchandbone
    birchandbone
    Participant
    July 3, 2015 at 17:08

    Two of you have “resolved” this issue, however this is what I am seeing on mobile – is this acceptable to you? I am still seeing too tiny text when viewed horizontally, with messed up spacing as I initially described, and when vertical the font is larger but overlapping on itself, not presentable for my client. Still not resolved…

    This is what I am seeing:

    Avatar: birchandbone
    birchandbone
    Participant
    July 3, 2015 at 17:11

    Also, whatever you did has changed the way the background image of the revolution slider looks on the computer, as it’s cropping the image in a way that it was not before, and that I do not like. So now I have the same issue as before and an additional issue on the computer view.

    The way the text looks here, computer view, is what I need the text to look like on mobile. However I am not ok with the bottom quarter of this image not showing. Not sure what you did that caused that.

    In sum, whatever you did did nothing to the mobile version to resolve my issue. And it messed up the regular version. Please help me resolve this as I *must* complete this.

    Avatar: birchandbone
    birchandbone
    Participant
    July 7, 2015 at 18:28

    I have been waiting 4 days for a reply to this, and it’s been 8 days since I posted this issue.

    Avatar: Eva
    Eva Kemp
    Support staff
    July 8, 2015 at 11:36

    Hello,

    Please take our apologies for the delay.
    I’ve changed Grid Height value in Revolution Slider settings. Please check slider on desktop now.
    Concerning the text layers on mobile device it’s related to the settings of Revolution Slider.
    Did you try the solution described in this article http://www.themepunch.com/faq/increase-size-of-text-on-mobile/ ?

    Regards,
    Eva Kemp.

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.