Remove white space under header

[nubitools]

hello, i want to ask how to remove the white space below header.

I am very grateful if anyone help me

[Shikkediel]

Could be anything. Show us a link or a demo please.

[nubitools]

This url demo elzweb.com

[Shikkediel]

I suppose you mean the large white area below the header… that’s caused by this:

.vc_row.vc_row-o-full-height {
  min-height: 100vh;
}

[nubitools]

I have changed the section was not full height now, but there are still areas that white

[Shikkediel]

The .single_page element and a few of it’s children have padding and/or margin added…

Edit – try doing a reset at the end of the stylesheet:

* {
  padding: 0;
  margin: 0;
}

[nubitools]

Which part should I change?

.single_page { padding-top: 0 }
.page-title {
background-position: center bottom;
background-repeat: no-repeat;
height: 1px;
margin-bottom: 12px;
padding-bottom: 60px;
text-transform: uppercase;
text-align: center;
}
.single_page h1.page-title {
padding-bottom: 50px;
text-align: left;
font-size: 30px;
margin-bottom: 0;
}
.page-subtitle {
font-weight: 400;
font-size: 19px;
opacity: 0.7;
text-transform: none;
}
.post-content {
padding-top: 15px;
margin-top: 15px;
padding-bottom: 15px;
margin-bottom: 15px;
overflow: hidden;
clear: both;
}

[Shikkediel]

I think I’d add a total reset after all these lines, less work and more easily reversible. Have a look at my edit in the previous post.

[nubitools]

I have tried, but still failed. Can you help? I give my admin access: D

[Shikkediel]

No need for that, just make sure that the inline style is below/after the link to js_composer.min.css in the HTML. It’ll get overwritten again otherwise.

[nubitools]

Ok, i will try again :D

[Shikkediel]

I think there’s more going on even but let’s see what that does.

[nubitools]

I only can reduce its size has not been able to eliminate

[Shikkediel]

So I guess you’re not able to change it’s place inside the head element? You could try with JS, I suppose…

$(function() {
  $('style').eq(0).appendTo($('head')[0]);
});

Looks like an existing script is preventing to execute new scripts in the console so I can’t try it out myself.

[Author]

Posts