Revolution Slider Responsive issues

7 replies · opened Jul 19, 2017

SsailorsenergyJul 19, 2017

We are working with the code, we aren't using any content manager. We use the revolution slider (as in index-restaurant.html) but in mobile the text is too small and its position is complete messed up as the pictures show. How we can fix it?

SSemicolon WebSTAFFJul 22, 2017

Hello,

This is a Default Responsive Functionality of the Revolution Slider which you can resolve by simply deleting the .tp-resizeme Class from the Layers you do not want to resize on Mobile Devices.

Additionally, you can also consider using the Font Settings available here: https://www.themepunch.com/revsliderjquery-doc/responsive-setup/#layer-settings to control the font size on different devices.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SsailorsenergyJul 25, 2017

Hi,
Thank you for your answer. I removed the .tp-resizeme but it look worse.
I think the Font Settings will work better but I do not understood where I have to write the font-size arguments. I tried this, but it didn't work. Font size didn't change:

Finger Lickin' Good
SsailorsenergyJul 25, 2017

This is without the .tp-resizeme

SSemicolon WebSTAFFJul 27, 2017

Hello,

The Font Settings you have used in the data attributes appears to be fine and as explained in the Revolution Slider Documentation. Can you please provide us with a Live URL so that we can check out if something is going wrong somewhere and provide you with a more accurate solution for this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SsailorsenergyAug 2, 2017

Hi,

Thank you for your help. Yes, the website is wxtactics.com .
I think the slider responsiveness is the biggest issue I have now with my website.
Please help me with this, I have tried everything.

Thank you.

SsailorsenergyAug 2, 2017

Sorry,
I think there is a problem with the link.

Weather Tactics

SSemicolon WebSTAFFAug 8, 2017

Hello,

Thanks for your Patience! We have detected the issue! Please make sure that you have also remove the .tp-resizeme Class from the Layers so that they do not get resized on Browser Resize and the Font Sizes can be applied.

This will definitely fix your issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard