Slider Revolution shrinks in new tabs

[Lifestylez]

Hey there.

I have a multi tab system for dates going on at this url:

http://lzsandbox.azurewebsites.net/winter-copper-mountain-trip/

If you click on any other date at the top the slider shrinks. This happens all over the site. How can I fix this?

Thank you

N

[john]

Hello,

Thank you for writing in!

I’ve checked your site and the problem is solved when I open the chrome console or resize the window. So, the workaround that I’ll try is:

• Add a custom class for the tabs (I`ll explain how to do it below).

• Apply a custom js to run the revapi.revredraw();

So, let`s go:
Adding custom class in the tabs

1. Go to your page and edit it with the cornerstone.
2. Click on the tab and add the custom class here

• repeat this process with all the tabs.

Copying the slider API
Now, go to your slider and copy this API:
click here

Adding the custom JS
To add the custom code go to Dashboard > Pages > Your page > Edit it with the Cornerstone and click on JS

So, add the following code:

  jQuery( ".custom-tab-1" ).click(function() {
  revapi1.revredraw();
});

P.S: Don`t forget to replace the custom class name and the revapi.

Let me know if it works