Slider not responsive

[Mesh]

Hi there,

I made a slider with layers using revolution slider that came with X theme. It doesn’t seem to be fully responsive.

The slider is in the testimonial section of the homepage. The link is test.foodmesh.ca

[basanta]

Hi there,

The website you have mentioned is not opening for me! Please have look and let us know if there is some server issue.

Thanks

[Mesh]

Sorry! Please try this

https://test.foodmesh.ca/

I meant to say the text cut out when I viewed it in smaller screens.

[ruenel]

Hello There,

I have checked your url and I could not find any slider in it. I can see only heading text. If your text has a bigger font size, it will be cut off in smaller screens because there aren’t enough space to display it. To resolve it, you must apply responsive text and manage it in Settings > Responsive Text.

To know more about responsive text, please check it from our knowledge base here:
https://community.theme.co/kb/shortcode-walkthrough-responsive-text/
http://demo.theme.co/integrity-1/shortcodes/responsive-text/

Hoe this helps.

[Mesh]

Hi RueNel,

Thanks for the suggestion to use responsive text, I will be changing my heading texts to responsive text.

There is a slider on the homepage. It’s in the testimonial section. The text gets cut off when viewed in smaller screen and it’s not heading text, it’s the body text.

[rad]

Hi there,

For the slider, you’ll need to utilize the slider responsive feature, especially the custom grid. Please check this, https://www.themepunch.com/faq/incorrect-position-or-size-for-text-button-or-shape/

You’ll just need to change the dimension of your text layer and make it wrap, and position it (while you’re on mobile device preview ).

Thanks!

[Mesh]

Hi Rad!

Thank you! It really helped. One more question, do you have any idea why the arrows for the slider doesnt show on the phone?

[paul.r]

HI,

To fix it, you can add this in Theme Options > CSS

@media(max-width:700px) {
.home .tparrows.tp-forcenotvisible {
    visibility: inherit !important; */
    display: block !important;
}
}

Hope that helps.

[Mesh]

Hi Paul,

It doesnt seem to be working. Any other suggestions? Thank you.

[christopher]

The website is unfortunately out of reach again and we can not check the front end to be able to help. Make sure that you have the latest version of the theme and the compatible version of The Revolution Slider. Also, I strongly suggest that you watch the video below as it will answer many questions regarding the responsive mode:

https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/

Kindly open up new threads for additional questions as it will help us to focus on each issue and give you a better support which you deserve. Having a long threads makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.

Thank you for your understanding.

[Mesh]

Hi,

I will open up a new thread. Thanks!

[christopher]

Thank you.