Vantage

Vantage has built in support for MetaSlider. Using the Vantage theme settings you can easily choose a MetaSlider slideshow to display on your homepage.

Vantage slightly modifies the default output of MetaSlider to:

  • Ensure the content within the slides lines up with the page content
  • Fix the height of the slideshow at 500px

vantage-1

Layer Slides Slideshow Configuration

In most cases the modifications that Vantage makes are useful, but they can have an undesired impact particularly on Layer Slides.

Due to the fixed height slideshow that Vantage outputs, you might find that the layers scale up and outside of the slideshow content area on wider browsers (causing text to look as if it is cut off). To stop this from happening use the following settings in the slideshow configuration:

Width: 1080px
Height: 500px
Layer Scaling: Scale Down Only

If you have already set up your layers, make sure you open the layer editor and reposition the layer after making these changes.

If you want the layers to be output exactly where you have placed them in the layer editor (so the layers are not confined to a centralised column), use the following slideshow settings:

Width: Any (1080px recommended)
Height: Any (300px recommended)
Layer Scaling: Scale Up & Down
Stretch: Yes

Then go to Appearance > Theme Settings and uncheck “Stretch Homepage Slider”

If you have already set up your layers, make sure you open the layer editor and reposition the layer after making these changes.

Video Backgrounds Not Auto Playing?

Go to Appearance > Theme Settings and uncheck “Stretch Homepage Slider”. This will stop Vantage from using JavaScript to modify the slideshow HTML on page load, which results in the auto play from being interrupted.

 

Posted in: Theme Integration