Home Page Slider

2 min read Updated

Vantage can show a slider under the menu, at the full width of the screen. By default, the front page shows a demo slider. You can remove it, or replace it with a slider from Smart Slider 3 or MetaSlider.

Requirements

Remove the Demo Slider

  1. Go to AppearanceCustomizeTheme SettingsHome.
  2. Set Home Page Slider to None.
  3. Click Publish.

If you use a static front page, you can also edit that page and set Display Page Slider to None in the Page Slider box. Then click Update.

The Home section of Vantage Theme Settings with the Home Page Slider setting

Use Your Own Slider

  1. Go to PluginsAdd Plugin and install Smart Slider 3 or MetaSlider. Activate it.
  2. Create your slider in the plugin.
  3. Go to AppearanceCustomizeTheme SettingsHome and choose your slider in Home Page Slider. Sliders are listed as Smart Slider: name or MetaSlider: name.
  4. If you chose a MetaSlider slider, tick Stretch in Stretch Home Slider to make the slider as wide as the screen. This setting is hidden for other sliders. Click Publish.

If you use a static front page, you can choose the slider in the Page Slider box of that page instead. Both places set the same value.

The Page Slider box in the page editor with the Display Page Slider list

Add a Slider to Another Page

Edit any page and use the Page Slider box in the right column. Choose your slider in Display Page Slider and click Update. The Stretch Page Meta Slider option shows when you choose a MetaSlider slider.

To remove the gap between the slider and the menu, turn off Masthead Bottom Margin in the Page Settings box. See Page Settings.

Use Another Slider Plugin or Widget

To use a different slider, such as the SiteOrigin Hero Widget, build the page with Page Builder. For your home page, first set Home Page Slider to None. For other pages, keep Display Page Slider on None. If not, two sliders show.

  1. Edit the page and open the Page Builder tab.
  2. Click Add Row and add a row with one column.
  3. Click the row’s wrench icon and open Row Styles. Set Row Layout to Full Width Stretched. Set Padding to 0.
  4. Click Add Widget and add the SiteOrigin Hero Widget, or a Text widget with your slider shortcode.
  5. Turn off Masthead Bottom Margin in the Page Settings box to remove the gap under the menu.

Polylang and WPML

The Home Page Slider is one setting for the whole site. The Page Slider box on a home page in another language cannot change it. To use a different slider for each language, add the slider with Page Builder. Use the steps in the section above.