How To Make A Full Screen Revolution Slider

16/12/2018

The Revolution Slider offers a very nice full screen slider. A Full screen slider will always take up 100% width and 100% height of the viewable area. There are two different situations that will require two different settings. To make a full screen slider for each situation, please see below.

IMPORTANT NOTE 1 : If you are logged into your WP admin and the top Admin bar is showing, the full screen Revolution slider will not be aligned properly to the height of your screen. This is normal expected behaviour. The full screen slider will only align properly to the height of your screen when you are logged out of your admin.
IMPORTANT NOTE 2 : If you see extra white space above or below your full screen slider, it is the page padding. You can remove this globally in the Avada > Theme Options > Styling tab, or individually per page in the Fusion Page Options box. It is the “Page Content Top Padding” and “Page Content Bottom Padding” options. Set it to 0px.

Full Screen Revolution Slider With Normal Header Above Slider

If you’re using the traditional header above the slider, it’s important that you place .fusion-header-wrapper in the Offset Containers field. Doing this will allow the slider to take up the full width/height of the screen while still showing the header.

Full Screen Revolution Slider With Transparent Header or Header Below Slider

If you’re using a transparent header or a header below the slider, you do not need to put anything in the Offset Containers field. Please leave that field blank.