This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Margin Or Padding Under Header Menu

10 years ago · Last reply by Andrew Misplon 10 years ago

Hi Guys

Can you help locate the cause of this gap between the black header menu and the photo in the site hero widget ?

(image on the right)

I cant show the page because it’s not yet published – but I find a gap here, and with the photo widget, which is not preset when using a meta slider (visible on the homepage at mdivito.com

URL: https://www.dropbox.com/s/pkpcdrstk4vff8e/Screenshot%202015-09-22%2012.39.35.png?dl=0

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 10 years, 5 months ago

    Hi Jason

    Thanks for reaching out.

    If possible, please, publish this page so we can inspect the CSS and see what’s causing that. It’ll be partly the main container top padding and partly the row padding. Once the page is live we can help resolve. You don’t need to put the page in your menu so it’s unlikely one one will find it. You can use the Private Reply checkbox if necessary.

  2. jasonjarvis 10 years, 5 months ago
  3. Andrew Misplon Staff 10 years, 5 months ago

    Thanks. Let’s try the following at Appearance > Custom CSS to resolve:

    /* Development */
    .page-id-279 #main {
    	padding-top: 0;
    }
    .page-id-279 .entry-header {
    	display: none;
    }
    .page-id-279.layout-full .panel-grid:first-of-type .panel-row-style.panel-row-style-full-width {
    	padding-top: 0 !important;
    }
  4. jasonjarvis 10 years, 4 months ago

    Hi Andrew,

    Since I’m not a coder, I had hoped to do this with out customizing the style sheet. If this is the only way, so be it – but is there a way a can track down the cause ?

    Is it in the Hero widget ? Or is metaslider forcing itself to go flush against the header ?

    THanks

    JJ

  5. Andrew Misplon Staff 10 years, 4 months ago

    Changing the stylesheet isn’t recommended because those changes get overwritten during theme updates. The above is adding to Appearance > Custom CSS which is update safe. I hear your concern, just clearing this little point up to avoid confusion. It’s technical and not ideal, but safe :)

    Meta Slider gets added above the content area, that’s why when you choose a page or home page Meta Slider it automatically is positioned directly under the menu. In the case of the SiteOrigin Slider Widget, it gets inserted into the regular content area so we have normal content padding to remove in this case. If there are any further pages you need help with, I’d be happy to jump in.

    The custom CSS provided can be copied and inserted into Appearance > Custom CSS.

  6. jasonjarvis 10 years, 4 months ago

    thanks Andrew – I get it.

    So the content area padding is essentially part of the Vantage design and Metalslider, for want of a better term, overrides it ?

    I take it there is no setting to control the padding of the content area, as there is to control the padding around a row or widget in pagebuilder for example ?

  7. Andrew Misplon Staff 10 years, 4 months ago

    Ideally we’d have a control in the theme to drop the top spacing on each page. The top spacing is there because usually, the content needs it. Meta Slider by Vantage design, get’s inserted into the document before the spacing is added which is why it isn’t affected by it.

    Happy to help out wherever possible to get little things like this sorted for 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.

Have a different question or issue?

Start New Thread