Title: Header
Last modified: September 5, 2026

---

# Header

 *  [maryamsawari](https://wordpress.org/support/users/maryamsawari/)
 * (@maryamsawari)
 * [19 hours, 40 minutes ago](https://wordpress.org/support/topic/header-230/)
 * 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?
 *     ```wp-block-code
       <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.

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-230%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://ps.w.org/xpro-theme-builder/assets/icon-256x256.png?rev=2739287)
 * [Xpro Theme Builder For Elementor - FREE](https://wordpress.org/plugins/xpro-theme-builder/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/xpro-theme-builder/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/xpro-theme-builder/)
 * [Active Topics](https://wordpress.org/support/plugin/xpro-theme-builder/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/xpro-theme-builder/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/xpro-theme-builder/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [maryamsawari](https://wordpress.org/support/users/maryamsawari/)
 * Last activity: [19 hours, 40 minutes ago](https://wordpress.org/support/topic/header-230/)
 * Status: not resolved