Home>Support>Menu to top row space

Menu to top row space

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Andrew,
How do I set the space between the menu and the top of the first row in Vantage Premium, using Pagebuilder? The space to too wide here on this development site:
http://www.preview-education.com/tg/relationship-sales/
Thanks again,
HG/mws

URL: http://www.preview-education.com/tg/relationship-sales/

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

  1. 10 years, 17 days ago Andrew Misplon
    Hi, I Work Here

    Hi :)

    If for the whole site:

    /* Main */#main {padding-top: 0;]

    If just for that page:

    /* Relationship Sales */.page-id-184 #main {padding-top: 0;}

    0 can be changed to a px value if required.

  2. 10 years, 17 days ago HunterGatherer

    Thanks Andrew. Works great.

    It does require using “px” with the value, as in “2px”, not just “2” to designate the gap, if any. What am I getting when I only use the number? It’s a lot wider.

    On the page by page setting, are you saying it’s by page id#, and the /* Page Name */ is just commentary? Correct?

    Thanks again.
    HG/mws

  3. 10 years, 17 days ago Andrew Misplon
    Hi, I Work Here

    For sure, if you don’t want it as zero then you’ll need a unit if measurement. Only line-height in CSS can be unitless. Everything else needs a unit of measurement.

    That’s right, /* Page Name */ is just a CSS comment. You can leave it out or write whatever you want there. Notes for yourself.

    Each page inserts a unique class (not ID) into the body tag. This means we prefix with a period, not a hash. There is ID in the class name so that’s a little confusing. You can get any page ID by going to Pages > clicking on the page and then checking the URL, it’s in there:

    .page-id-insert-the-number-here {
    }
    

    You can also use your browsers developer extension to inspect the source code. It’s in the opening body tag.

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

  4. 10 years, 17 days ago HunterGatherer

    Thanks. I use a plugin for page and post ID numbers.

    Like I mentioned in another note, I’m not too good with CSS. I do have an understanding of basic style sheets. But, no matter how I use code inspectors, I really do not understand how to read or identify elements, or how they are modified.

    I was able to use SiteOrigin CSS to insert this particular code, and the ones you sent earlier on the various headline definitions. I find the Vantage headline weights to be too small, using the Helevetica Nue, standard font. But, have not tested any others.

    I appreciate the help.

    HG/mws

  5. 10 years, 16 days ago Andrew Misplon
    Hi, I Work Here

    No problem. If you tell me the pages you need to grab the post or page class to adjust the #main container I’d be happy to help.

    Which Headline widget are you using? The Vantage Headline or the SiteOrigin Headline widget? I can help adjust that for you.

  6. 10 years, 5 days ago HunterGatherer

    SiteOrigin Headline widget.

    I used the whole site version of the css. There are a couple of pages it did not impact, and still have the gap. Most of them are fine. I’m trying to find a workaround.

    HG

  7. 10 years, 5 days ago Andrew Misplon
    Hi, I Work Here

    I’d be happy to take a look tomorrow when we come back online. If you’d like that, please, send me a list of the pages showing a problem.

    Thanks

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