{"id":19012390,"date":"2026-09-05T14:36:34","date_gmt":"2026-09-05T14:36:34","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=topic&p=19012390"},"modified":"2026-09-05T15:06:31","modified_gmt":"2026-09-05T15:06:31","slug":"header-230","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/header-230\/","title":{"rendered":"Header"},"content":{"rendered":"\n

Hello,<\/p>\n\n\n\n

I\u2019m using Xpro Elementor Theme Builder to create my website header, and I\u2019m having a problem with the header\u2019s height.<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

Could you please help me identify what is forcing the header to keep this extra height?<\/p>\n\n\n\n

<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<\/a>\">
<div class=\"xpro-site-logo\">
<img width=\"300\" height=\"84\" src=\"http:\/\/onlancer.ir\/wp-content\/uploads\/2026\/07\/Artboard-2-300x84.png<\/a>\" class=\"attachment-medium size-medium wp-image-174\" alt=\"\" decoding=\"async\" srcset=\"http:\/\/onlancer.ir\/wp-content\/uploads\/2026\/07\/Artboard-2-300x84.png<\/a> 300w, http:\/\/onlancer.ir\/wp-content\/uploads\/2026\/07\/Artboard-2-600x169.png<\/a> 600w, http:\/\/onlancer.ir\/wp-content\/uploads\/2026\/07\/Artboard-2.png<\/a> 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\">\u06a9\u0627\u0631\u0641\u0631\u0645\u0627 \u0647\u0633\u062a\u0645<\/a>
<a href=\"\/freelancer\">\u0641\u0631\u06cc\u0644\u0646\u0633\u0631 \u0647\u0633\u062a\u0645<\/a>
<a href=\"\/guide\">\u0631\u0627\u0647\u0646\u0645\u0627<\/a>
<a href=\"\/dashboard\">\u062f\u0627\u0634\u0628\u0648\u0631\u062f<\/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\">\u0648\u0631\u0648\u062f<\/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\">\u062b\u0628\u062a \u0646\u0627\u0645<\/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<\/a>\">
<div class=\"xpro-site-logo\">
<img width=\"300\" height=\"84\" src=\"http:\/\/onlancer.ir\/wp-content\/uploads\/2026\/07\/Artboard-2-300x84.png<\/a>\" class=\"attachment-medium size-medium wp-image-174\" alt=\"\" decoding=\"async\" srcset=\"http:\/\/onlancer.ir\/wp-content\/uploads\/2026\/07\/Artboard-2-300x84.png<\/a> 300w, http:\/\/onlancer.ir\/wp-content\/uploads\/2026\/07\/Artboard-2-600x169.png<\/a> 600w, http:\/\/onlancer.ir\/wp-content\/uploads\/2026\/07\/Artboard-2.png<\/a> 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><\/code><\/pre>\n\n\n\n
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.<\/p>\n\n\n\n
Thank you.<\/p>\n","protected":false},"template":"","class_list":["post-19012390","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19012390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19012390\/revisions"}],"predecessor-version":[{"id":19012406,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19012390\/revisions\/19012406"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=19012390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}