Home>Support>Extra padding under Metaslider

Extra padding under Metaslider


I am using the Vantage theme and very happy. Great work.

I have a gap of white space between the Metaslider and the Vantage Headline (grey background) when I drag the Vantage Headline to the top of the Home Page in PageBuilder. When I leave the Circle Icons at the top of the home page, the gap does not seem to be there.

Any way of getting rid of the white gap? I need the Vantage Headline at the top of the page/under the slider.


This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon Hi, I Work Here

    Hi Bella

    Try the following under Appearance > Custom CSS:

    /* Main Slider */
    #main-slider {
    margin-bottom: -35px;

    Ref: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

  2. 8 years, 6 months ago Tara

    I tried doing this for the main menu, and it worked great in my browser, but completely removed the menu’s visibility when on a mobile device.

    Is there a way to deactivate the code for mobile devices but still have it work on desktops?

    Thank you

  3. 8 years, 5 months ago cjrmdg

    Hi Andrew, I tried your suggestion above and it just reduced the size of the photo in my metaslider and revealed the grey background. is there anyway to remove the white space under the metaslider and widgets below? I have a few pages where I would like to have a background color behind text in the visual editor. When I add the color for visual editor background there is a white space between that and meta slider. Any Help would be GREATLY APPRECIATED!

  4. 6 years, 11 months ago Lindsey Lockwood

    This finally worked for me. Thank you.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More