Content is behind revolution slider on mobile view

11 replies3 participantsUpdated by Eva Kemp

  • Avatar: evekj
    evekj
    Participant

    Hi,

    Revolution slider is 2/3 and Text Block is 1/3. If screen (display) is for example 800×600, then text is gone. Text goes behind slider. How can I fix this?

    Best regards,
    Eve KJ

    Please, contact administrator
    for this information.
    #67696 Copied

    11 Answers

    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Try to add this code in custom.css file:

    @media (max-width: 800px) {.row-fluid [class*="span"] {
    width: 100% !important;
    float: none !important;
}}

    Thank you.
    Best regards,
    Jack Richardson.

    #67778 Copied
    Avatar: evekj
    evekj
    Participant

    Hi,

    Thank you for your answer. In mobile view is OK. I need to check also in tablet. If I set desktop view to narrower, then text is still gone.

    Best regards,
    Eve KJ

    #67784 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Please check your site on mobile devices and not resizing browser window.
    After that notify us with the results.

    Thank you.
    Best regards,
    Jack Richardson.

    #67793 Copied
    Avatar: evekj
    evekj
    Participant

    Hi,

    I tested with Lenovo A3500 and Samsung tab3.
    Text is behind slider. Screenshot is in privat content.

    Best regards,
    Eve

    Please, contact administrator
    for this information.
    #68138 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Please try to add this code in custom.css:

    @media only screen and (max-width: 779px) and (min-width: 510px) {
#rev_slider_5_1, #rev_slider_5_1_wrapper {
  width: 460px !important;
}}

@media only screen and (min-width: 940px){
#rev_slider_5_1, #rev_slider_5_1_wrapper {
  width: 610px !important;
}}

    Best regards,
    Jack Richardson.

    #68145 Copied
    Avatar: evekj
    evekj
    Participant

    Hi,
    Thank you for your answer. Text is still behind slider. Screenshot is in privat content.

    Best regards,
    Eve

    Please, contact administrator
    for this information.
    #68631 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Please add this code in custom.css file:

    @media only screen and (min-width: 940px) {
.rev_slider.revslider-initialised.tp-simpleresponsive, .rev_slider_wrapper {width: 600px !important}
}
    @media only screen and (max-width: 779px) and (min-width: 510px) {
.rev_slider.revslider-initialised.tp-simpleresponsive, .rev_slider_wrapper {width: 450px !important}
}

    Regards,
    Eva Kemp.

    #68657 Copied
    Avatar: evekj
    evekj
    Participant

    Hi,

    Thank you, but in tablet landscape view is the same picture – some text are behind revolution slider.

    Best regards,
    Eve KJ

    #69327 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Please provide us with wp-admin panel credentials in private content.

    Regards,
    Eva Kemp.

    #69362 Copied
    Avatar: evekj
    evekj
    Participant

    Data are in privat content – thank you very much.

    Please, contact administrator
    for this information.
    #69852 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    I’ve added this code in Appearance > Custom CSS:

    @media only screen and (min-width: 940px) {
  .rev_slider_wrapper, .rev_slider {
     width: 600px !important;
}}
@media only screen and (max-width: 800px) and (min-width: 510px) {
  .rev_slider_wrapper, .rev_slider {
     width: 460px !important;
}}

    Please check your site now om mobile devices.

    Regards,
    Eva Kemp.

    #69871 Copied

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register