How to make 70% of the viewport height

Maindy

Hi,

I have another question regarding the Revolution Slider on the homepage of [Links visible only for registered users]

At the moment, the Revolution Slider takes up 100% of the viewport height when someone enters the website.

I would like to change this so that the slider is approximately 70% of the viewport height (around 70vh) instead of full-screen.

The reason is UX-related: I want visitors to immediately see that there is more content below the hero section. On the other pages of the website, I have already set the video headers to around 70% of the screen height for the same reason — so the next section is partially suggested/visible and encourages users to scroll.

So ideally I would like the Revolution Slider on the homepage to:

• Keep its current width and overall design.
• Remain responsive on desktop, tablet and mobile.
• Have a height of approximately 70% of the viewport height rather than 100%.
• Not be full-screen.
• Allow the following section/content to start below it, so users can visually understand that the page continues.

Could you please explain how I can configure the Revolution Slider to achieve this?

Is there a specific slider height, responsive height, min-height, or CSS setting that I should change?

If the theme has a recommended way of doing this without breaking the responsive behavior of the Revolution Slider, please let me know the correct settings or steps.

Thank you!