Return to previous page

Content is behind revolution slider on mobile view

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

evekj

Participant

June 2, 2015 at 20:35

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
Jack Richardson

Support staff

June 3, 2015 at 11:19
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
evekj

Participant

June 3, 2015 at 11:48

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

Jack Richardson

Support staff

June 3, 2015 at 12:15

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

evekj

Participant

June 4, 2015 at 17:35

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
Jack Richardson

Support staff

June 4, 2015 at 18:56
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
evekj

Participant

June 8, 2015 at 16:56

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
Eva Kemp

Support staff

June 8, 2015 at 18:23
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
evekj

Participant

June 12, 2015 at 08:05

Hi,

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

Best regards,
Eve KJ

#69327 Copied

Eva Kemp

Support staff

June 12, 2015 at 10:03

Hello,

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

Regards,
Eva Kemp.

#69362 Copied

evekj

Participant

June 16, 2015 at 17:43

Data are in privat content – thank you very much.

Please, contact administrator
for this information.

#69852 Copied
Eva Kemp

Support staff

June 16, 2015 at 19:15
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
Viewing 12 results - 1 through 12 (of 12 total)