Unable to remove this gap between header and elementor section

Do you know what is causing this gap? the page is private hard to share for you to see

THis is what this section shows in the inspector

Hello,

The header has a standard indentation from below, to be able to compensate for that indentation, you should add to the first section a negative value via the” Advanced settings” of the section.

https://gyazo.com/117cae37caec3124876bd77c85aef866

Kind Regards

Why is this indentation there? it wasnt showing before though

Is this because the bottom header row is empty? cant we hide it?

Hello,

The header has it by default. You can’t remove this indentation from the header builder, you have only one way is to add to the first section a negative value.

You can hide the empty row section in the header by means of the “Hide on desktop” option but it will not help you.

https://prnt.sc/224nylg

https://prnt.sc/224nscy

Please, try to fix it in the way I mentioned above.

Kind Regards

I readded the bottom header section but the empty space is still showing as pictured below, why? it makes no sense to have to add a negative value section to ALL my website pages, we need a global fix, please help

Hello,

1. If you want to remove indentation from below only on the one page, I recommend you to add to the first section of the Elementor a negative value “margin-top:-40px;”.

https://prnt.sc/2255tnw

2. In order to remove this indentation from the header globally, please try to add this custom CSS code to the “Global Custom CSS” area in Theme Settings -> Custom CSS. But in this case, on some pages without the page title, the indentation between the header and the content will disappear (https://prnt.sc/2252oxt), and the background color settings (https://prnt.sc/2252aq9) may be incorrect.

.website-wrapper .main-page-wrapper {
	margin-top: 0;
	padding-top: 0;
}

.website-wrapper .whb-header {
	margin-bottom: 0;
}

.website-wrapper .page-title {
	margin-top: 0;
}

Kind Regards

But why is this showing in the first place? is this a bug ? if so we should fix the issue instead of adding CSS to hide it, please advise

Hello,

It isn’t a bug, our theme has this indent from below by default, it makes the page more beautiful and elements don’t look like in the heap.

https://gyazo.com/f1d4a505ba97f0fc2ff8ced89d284a5f

Kind Regards

Oh i understand now, so that means that i need to add a negative value whenere I use transparent harder right? otherwise it will look weird

Hello,

It means that if you don’t want to have an indent after the title, you should add a negative value for the first section which begins after the header to compensate for this indent.

https://prnt.sc/22b8977

https://prnt.sc/22b8lfi

Kind Regards

thank you make sense now

Hello,

Let us know if there’s anything else we can do for you! You can always reach us at any time.

Have a wonderful day.

Kind Regards

[Author]

Posts