Header

Hello,

I’m using Xpro Elementor Theme Builder to create my website header, and I’m having a problem with the header’s height.

I have already set the header/container height in Elementor and also checked and removed unnecessary padding, margins, and inner containers. I also inspected the header HTML/CSS in the browser and tried overriding the height with custom CSS.

However, the header still renders significantly taller than the height I set in Elementor. I need the final rendered header to be approximately half of its current height.

Could you please help me identify what is forcing the header to keep this extra height?

<div data-elementor-type="xpro-themer" data-elementor-id="842" class="elementor elementor-842 post-86 page type-page status-publish hentry">
<div class="elementor-element elementor-element-b1be97b elementor-hidden-mobile e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="b1be97b" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-284d8fa e-con-full e-flex e-con e-child" data-id="284d8fa" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-18d0f49 elementor-widget elementor-widget-xpro-site-logo" data-id="18d0f49" data-element_type="widget" data-e-type="widget" data-widget_type="xpro-site-logo.default">
<a href="http://onlancer.ir">
<div class="xpro-site-logo">
<img width="300" height="84" src="http://onlancer.ir/wp-content/uploads/2026/07/Artboard-2-300x84.png" class="attachment-medium size-medium wp-image-174" alt="" decoding="async" srcset="http://onlancer.ir/wp-content/uploads/2026/07/Artboard-2-300x84.png 300w, http://onlancer.ir/wp-content/uploads/2026/07/Artboard-2-600x169.png 600w, http://onlancer.ir/wp-content/uploads/2026/07/Artboard-2.png 612w" sizes="(max-width: 300px) 100vw, 300px"> </div>
</a>
</div>
</div>
<div class="elementor-element elementor-element-820b1a3 e-con-full elementor-hidden-mobile e-flex e-con e-child" data-id="820b1a3" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-2b57a6b elementor-widget elementor-widget-html" data-id="2b57a6b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<nav class="onlancer-nav">
<a href="/employer">کارفرما هستم</a>
<a href="/freelancer">فریلنسر هستم</a>
<a href="/guide">راهنما</a>
<a href="/dashboard">داشبورد</a>
</nav> </div>
</div>
<div class="elementor-element elementor-element-5aaa83a e-con-full e-flex e-con e-child" data-id="5aaa83a" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-79bb210 elementor-hidden-mobile elementor-widget elementor-widget-button" data-id="79bb210" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="#">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">ورود</span>
</span>
</a>
</div>
<div class="elementor-element elementor-element-3f98fbe elementor-hidden-mobile elementor-widget elementor-widget-button" data-id="3f98fbe" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="#">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">ثبت نام</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-442b092 elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent" data-id="442b092" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-bebe489 e-con-full e-flex e-con e-child" data-id="bebe489" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-afd83bf elementor-view-default elementor-widget elementor-widget-icon" data-id="afd83bf" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<i aria-hidden="true" class="xi xi-hamburger"></i> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-9b86b7b e-con-full e-flex e-con e-child" data-id="9b86b7b" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-ad18f71 elementor-widget elementor-widget-xpro-site-logo" data-id="ad18f71" data-element_type="widget" data-e-type="widget" data-widget_type="xpro-site-logo.default">
<a href="http://onlancer.ir">
<div class="xpro-site-logo">
<img width="300" height="84" src="http://onlancer.ir/wp-content/uploads/2026/07/Artboard-2-300x84.png" class="attachment-medium size-medium wp-image-174" alt="" decoding="async" srcset="http://onlancer.ir/wp-content/uploads/2026/07/Artboard-2-300x84.png 300w, http://onlancer.ir/wp-content/uploads/2026/07/Artboard-2-600x169.png 600w, http://onlancer.ir/wp-content/uploads/2026/07/Artboard-2.png 612w" sizes="(max-width: 300px) 100vw, 300px"> </div>
</a>
</div>
</div>
<div class="elementor-element elementor-element-43ac9f6 e-con-full e-flex e-con e-child" data-id="43ac9f6" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-a91399e elementor-view-default elementor-widget elementor-widget-icon" data-id="a91399e" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<i aria-hidden="true" class="xi xi-profile"></i> </div>
</div>
</div>
</div>
</div>
</div>
</div>

I would specifically like to know if Xpro Theme Builder adds any wrapper, minimum height, padding, or other CSS rule that could override the Elementor container height.

Thank you.