Return to previous page

Revolution Slider – Content no responsive

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

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.

#68419 Copied

20 Answers

Eva Kemp

Support staff

June 8, 2015 at 11:23

Hello,

Please give us a link to your site.

Thank you.
Regards,
Eva Kemp.

#68509 Copied

Elimy

Participant

June 8, 2015 at 12:35

Hello

here you are.

Eli

Please, contact administrator
for this information.

#68532 Copied

Eva Kemp

Support staff

June 8, 2015 at 15:33

Hello,

Yes, please, give us access to your site.

Thank you.
Regards,
Eva Kemp.

#68597 Copied

Elimy

Participant

June 8, 2015 at 15:39

Here you are.

Please, contact administrator
for this information.

#68601 Copied
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.
#68628 Copied
Elimy

Participant

June 8, 2015 at 16:56

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

#68629 Copied

Robert Hall

Support staff

June 8, 2015 at 18:52

Hello,

Ok, looking forward to your reply.

Regards,
Robert Hall.

#68665 Copied

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

#68681 Copied

Eva Kemp

Support staff

June 9, 2015 at 08:10

Hello,

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

Regards,
Eva Kemp.

#68727 Copied

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.

#68768 Copied
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.
#68774 Copied
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

#69426 Copied

Eva Kemp

Support staff

June 12, 2015 at 15:42

Hello,

Could you please clarify the issue with slider arrows?

Regards,
Eva Kemp.

#69434 Copied

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.

#72034 Copied

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.

#72101 Copied

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.

#72115 Copied

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

#72153 Copied

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.

#72161 Copied

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 !

#72634 Copied

Eva Kemp

Support staff

July 1, 2015 at 20:22

Hello,

The problem is caused by the code you added into “Raw JS” element in VC editor in your Parallax page. Try to remove it and fixed header will work.

Please clarify your question concerning breadcrumbs.

Regards,
Eva Kemp.

#72687 Copied
Viewing 21 results - 1 through 21 (of 21 total)