Need Help With Scaling Problems

Hello,

1. Consider using the following CSS Code to change the Height of the Slider:

#header.sticky-header:not(.static-sticky).sticky-style-2 { height: 61px; }

1. The scaling down of the Content is currently available only on Revolution Slider. We will surely add more updates regarding scaling the Content on the Slider in the future. Meanwhile, you can add the following CSS Code to control the Font Size:

.device-xl .slider-caption h2 { font-size: 64px; }

.device-lg .slider-caption h2 { font-size: 56px; }

.device-md .slider-caption h2 { font-size: 48px; }

.device-sm .slider-caption h2 { font-size: 36px; }

.device-xs .slider-caption h2 { font-size: 32px; }

This will definitely work fine. The Responsive Classes are as follows:

.device-xl – Class for Large Devices >=1200px

.device-lg – Class for Medium Devices >=992px to 1199px

.device-md – Class for Tablets

.device-sm – Class for Landscape Mobiles or Phablets.

.device-xs – Class for Portrait Mobiles

You can use the above code for other Elements as well in the Slider.

1. To change the Height of the Slider, you can use the following code:

.swiper_wrapper { height: 500px; }

Hope this Helps!

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