Fullscreen

A button to make your slider full screen. It's good for watching big images without screen limitations, or to make a presentation.

You can find this control at Slider settings → Controls tab. It's only available for the Simple and Block slider type.

To normal

Choose one of the full screen buttons. You can pick your own image, too.

Color

The color of the fullscreen button.

Mirror

If it's turned on, the full screen play button will be the same as the pause button, if not, then you can select a different one.

Fullscreen style

You can customize your button in here.

Position

Pick a position, where you would like to have your full screen button in your slider.

• Stack - The order of the controls, which you put into the same position.
• Offset - This is how far your full screen button will be from the selected position. If you change to Advanced mode, you can specify the position, and here you will be able to use our control variables too.

Desktop/Tablet/Mobile size

Your fullscreen control will be scaled to these numbers for Desktop, Tablet and Mobile view. 1 is the original size ratio.

Shows on hover

This option will make your fullscreen control only appear on desktop screen, when you hover your cursor over the slider. On tablet and mobile screen they will always be seen.

Hide on

You can make your fullscreen control invisible on Desktop, Tablet or Mobile view.

Hide on slides

You can hide your fullscreen control on specific slides separated by commas. Use the slide index (1 = first slide) instead of the slide ID.

Frequently asked questions

1

How to make a layer show up only in full screen view?

While there are no options to show layers in full screen view, with a bit of custom coding you can achieve this behavior.

1. Add a custom CSS class to your layer, e.g.: showinfull
2. Hide your layer on every device
3. Go to Slider settings → Developer tab and paste this code to the CSS field:

   .n2-in-fullscreen .showinfull{
   display:block!important;
   }
   		

This will make every layer which has the showinfull class visible when the slider is in full screen mode.

2

How to make a layer not show up in full screen view?

While there are no options to hide layers in full screen view, with a bit of custom coding you can achieve this behavior.

1. Add a custom CSS class to your layer, e.g.: dontshowinfull
2. Go to Slider settings → Developer tab and paste this code to the CSS field:

   .n2-in-fullscreen .dontshowinfull{
   	display:none !important;
   }
   		

This will make every layer which has the dontshowinfull class hidden when the slider is in full screen mode.