Revolution Slider – Content no responsive

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

  • Avatar: Elimy
    Elimy
    Participant
    June 7, 2015 at 15:07

    Hello.

    We love your theme.. but we need help.

    The revolution slider isn’t responsive on mobile. The font-size is illegible… it’s really too small. Here is a screenshot.

    How can we make it responsive ?

    Thanks for your help !!

    Eli

    Please, contact administrator
    for this information.
    20 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    June 8, 2015 at 11:23

    Hello,

    Please give us a link to your site.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Elimy
    Elimy
    Participant
    June 8, 2015 at 12:35

    Hello

    here you are.

    Eli

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    June 8, 2015 at 15:33

    Hello,

    Yes, please, give us access to your site.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Elimy
    Elimy
    Participant
    June 8, 2015 at 15:39

    Here you are.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    June 8, 2015 at 16:54

    Hello,

    Please add this code in custom.css file:

    @media (max-width: 480px) {.rev_slider_wrapper .mc4wp-form input[type="submit"] {
        font-size: 24px !important;
        height: 30px !important;
    }
    .mc4wp-form input[type="email"] {
      font-size: 14px !important;
      margin: 50px auto 15px !important;
    }
    .tp-caption.black.tp-fade.fadeout.tp-resizeme.start
      white-space: pre-wrap !important;
      margin-right: 20% !important;
    }
    .rev_slider_wrapper p {font-size: 16px !important;}
    }

    How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

    Regards,
    Eva Kemp.

    Avatar: Elimy
    Elimy
    Participant
    June 8, 2015 at 16:56

    Great. I do it and will tell you when everything is ok 🙂

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 8, 2015 at 18:52

    Hello,

    Ok, looking forward to your reply.

    Regards,
    Robert Hall.

    Avatar: Elimy
    Elimy
    Participant
    June 8, 2015 at 20:23

    The code broke the size on the computer…
    and this is not the good one for @media (max-width: 480px), this is not nice…

    You can check, I let the code in custom.css file.

    Sentences need to be cut when @media (max-width: 480px)

    Thanks for your help.

    Eli

    Avatar: Eva
    Eva Kemp
    Support staff
    June 9, 2015 at 08:10

    Hello,

    I’ve edited the code. Please check slider now.

    Regards,
    Eva Kemp.

    Avatar: Elimy
    Elimy
    Participant
    June 9, 2015 at 10:04

    Hello

    I think that arrows should desappears on mobile.

    I’m sorry but this is not yet great…

    Actually, that should be the same than for the other text : keep the size, only cut the sentences, no ?
    Maybe we shouldn’t change with new px because there are differents font-size on Revolution Slider.

    Also, there are some bugs whit screen rotation … (screenshot here below)

    Thank you !
    Eli

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    June 9, 2015 at 10:33

    Hello,

    You can contact Revolution Slider authors in comments section http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380/comments and ask them how to make slider layers responsive. This is the plugin issue and not the theme.
    To hide arrows on mobiles add this code:

    @media (max-width: 480px) { .rev_slider_wrapper .tparrows.tp-leftarrow.default, .rev_slider_wrapper .tparrows.tp-rightarrow.default {
        display: none !important;
    } }

    Regards,
    Eva Kemp.

    Avatar: Elimy
    Elimy
    Participant
    June 12, 2015 at 14:22

    Hello.

    Thanks for the links to Revolution slider… We need to wait version 5…

    So, the present solution is to hide to revolution slider on mobile..

    We have tried a code but it seems it’s not the good one. Can you help me ?

    Many thanks !

    Eli

    Avatar: Eva
    Eva Kemp
    Support staff
    June 12, 2015 at 15:42

    Hello,

    Could you please clarify the issue with slider arrows?

    Regards,
    Eva Kemp.

    Avatar: Elimy
    Elimy
    Participant
    June 28, 2015 at 16:22

    Hello Eva. Actually we have found and other solution, wating the version 5.0 of the revolution slider 😉

    However, we have a problem with the appearance of the header. Here is a screenshot.
    When we scrool, the header desappear…
    You wan see that on the blog, it’s OK !
    Can you help us to resolve it ?

    Many thanks!

    Eli

    Please, contact administrator
    for this information.
    Avatar: Elimy
    Elimy
    Participant
    June 29, 2015 at 09:34

    Oops, we’ve made a mistake! 🙁

    By mistake, we delete the parralax (home). We have found it in the trash.. but now it’s not the home page. It appears as a normal page…

    Here are some screenshots.

    Thanks a lot for your help …!!!
    Eli

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    June 29, 2015 at 10:37

    Hello,

    I’ve set Parallax page as your home page in wp-admin panel > Settings > Reading > Front page displays > A static page (select below).
    Please clear browser cache and check your site now.

    Regards,
    Eva Kemp.

    Avatar: Elimy
    Elimy
    Participant
    June 29, 2015 at 12:59

    Oh coooool !! Easy to do, so ! Thanks !

    Maybe you haven’t seen my previous question about the header.. it doesn’t appears anymore when we scroll.
    We’ve switched on the “fixed navigation” button and it’s OK on the blog page, but not on the home page.

    Help ? Where is the problem ?

    Eli

    Avatar: Eva
    Eva Kemp
    Support staff
    June 29, 2015 at 13:22

    Hello,

    Please update the theme to the latest version and Woocommerce as well.
    Before update delete “woocommerce” folder in the directory wp-content/themes/woopress/ and it’ll be reuploaded from a new theme package.

    Don’t forget to create back up of your files and database before starting update process!


    (it’s for Legenda theme but the process is the same).

    Regards,
    Eva Kemp.

    Avatar: Elimy
    Elimy
    Participant
    July 1, 2015 at 16:03

    Hi !

    I updated but it’s not working better. We still have the problem with the header.. it desappears when we scroll…

    If I understand well, you change to text color in the Breadcrumbs in this new version ? This is not white anymore, alright ? Tks !

  • 1 2
    Viewing 20 results - 1 through 20 (of 21 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.