Home>Support>White Gap between menu and Row

White Gap between menu and Row

By Sofia G. Ruenes, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

This is Sofia from Genio Viajero. I have been trying to fix a White Gap that appears between my menu and first column, www.genioviajero.com/home

I read a lot of articles that says;
to put this on the costume CSS:

.home #main {
padding-top: 0;
padding-bottom: 0;
}

But IT DOSENT WORK!!! what can I DO?

URL: http://genioviajero.com/home

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

  1. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Sofia

    Thanks for reaching out.

    The CSS rule you’re referring to is only applicable to our theme, Vantage by SiteOrigin. It’s, unfortunately, not applicable to the markup in your theme. You should be able to get rid of some of that space with:

    .home .classic {
	padding-top: 0;
}

    I’m not seeing where the other spacing is coming from. If you have a moment you could send this over to theme support. They’d be better positioned to lend a hand :)

  2. 9 years, 1 month ago Sofia G. Ruenes

    Hi Andrew thanks for your reply. I did send them an email and they told me this:

    “Sorry, but we can support only advertised features and some minor theme modifications.

    You are using “Page Builder by SiteOrigin” plugin for content editing which is not supported by our theme.

    If you still wish to use Page Builder, please try to reach SiteOrigin support for any issues regarding that plugin.

    Regards,
    BoldThemes team”

    Thanks for your reply on TOP, I did that, and It worked, it reduced the White Gap by half, now its just a smaller White Gap, is there a way I can put a CSS code in order to remove it all? http://www.genioviajero.com

  3. 9 years, 1 month ago Sofia G. Ruenes

    I tried by using

    .home .classic {
    padding-top: -20;
    }

    But it didnt reduce all the White Gap yet.

  4. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    For sure, it’s a really tough position. The space you’re trying to remove isn’t coming from Page Builder, that’s regular theme CSS. However, it’s not standard use so according to almost all theme company support policy you’d need a developer to help.

    Where are you applying your CSS?

  5. 9 years, 1 month ago Sofia G. Ruenes

    Thank you soo much Andrew , Im going to reach them again.

    My CSS im applying it on:
    Appeareance>Costumize>General Settings>Custom CSS

    (of my theme)

  6. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Phew ok, lots going on here. I’ll take one stab then I’m afraid I have to step away. It’s all theme relative CSS.

    .blackBar {
    min-height: 89px;
}

    And then we’ll hack the rest.

    Edit the row in question, click Attributes top right, enter the following in the first field, CSS Class:

    top-row

    Then in your Custom CSS space:

    /* Page Builder Classes */

.top-row {
margin-top: -18px;
}

    Give that a go.

  7. 9 years, 1 month ago Sofia G. Ruenes

    Thanks a lot! it did work perfectly!!! :) :)

  8. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Glad to hear that helped.

    You could also abandon all the other rules I sent and just use the negative margin rule. You’d just need to increase in that case.

    All the best with your site :)

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