Title: Header issue Last modified: April 3, 2026 --- # Header issue * Resolved [Carl Gross](https://wordpress.org/support/users/carlgross/) * (@carlgross) * [2 months, 1 week ago](https://wordpress.org/support/topic/header-issue-57/) * Hello. After enabling your plugin, my header and the first body element underneath it, are misformatted. * Prior to enabling plugin, on initial page load, both elements have their desired height and padding (see screenshot below). After, height and padding on both are modified undesirably. * Other than that, the plugin functions correctly, e.g. _after_ scrolling the header height/padding returns to the desired/expected values. * Any ideas why, and/or how to best resolve this? * Thanks in advance. * If the screenshots are not properly attached here, you can see them [here](https://drive.google.com/drive/folders/1rWgg2Kbc28AkAJ9wIFWfhmdmj53RxIEJ?usp=sharing). * ![](https://wordpress.org/a8199c5e-00c5-4ebc-b399-5188cb54e17d) * ![](https://wordpress.org/9cb48763-5aca-4920-ade9-928524695a09) * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-issue-57%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 11 replies - 1 through 11 (of 11 total) * Thread Starter [Carl Gross](https://wordpress.org/support/users/carlgross/) * (@carlgross) * [2 months ago](https://wordpress.org/support/topic/header-issue-57/#post-18873353) * Hello. Any update on this issue? * Plugin Support [Divyang Chaudhary](https://wordpress.org/support/users/divyangposimyth/) * (@divyangposimyth) * [2 months ago](https://wordpress.org/support/topic/header-issue-57/#post-18873436) * Hello [@carlgross](https://wordpress.org/support/users/carlgross/) * Thanks for your patience, and sorry for the delay in getting back to you. * From your screenshots, we can see the header is getting cut off by the WordPress admin bar when you are logged in. Here is a small JS snippet that will fix this by pushing the sticky header down by 32px whenever the admin bar is active. * Please add the following code to your site (you can use a custom JS plugin or the theme’s custom JS field): * ```wp-block-code jQuery(document).ready(function ($) { function fixAdminBarSticky() { var header = $('.she-header-yes'); var isAdminLoggedIn = $('body').hasClass('admin-bar'); var windowWidth = $(window).width(); if (header.hasClass('she-header')) { if (isAdminLoggedIn && windowWidth >= 768) { header.css({ "top": "32px", "transition": "all 0.4s ease" }); } } } $(window).on('scroll resize', function () { setTimeout(fixAdminBarSticky, 10); }); fixAdminBarSticky();}); ``` * I hope this helps. If the issue persists or we are missing something here, please let us know. Best Regards. * Thread Starter [Carl Gross](https://wordpress.org/support/users/carlgross/) * (@carlgross) * [2 months ago](https://wordpress.org/support/topic/header-issue-57/#post-18873501) * Thank you for your reply. Here are my follow-ups. * Sorry for the confusion, but the issue is present regardless of whether the WordPress admin bar is displayed or not. I’ve added two new screenshots in the same folder to illustrate that. You should also be able to see for yourself if you open the URL in-question. Let me know if you see otherwise. * Plugin Support [Divyang Chaudhary](https://wordpress.org/support/users/divyangposimyth/) * (@divyangposimyth) * [2 months ago](https://wordpress.org/support/topic/header-issue-57/#post-18873545) * [@carlgross](https://wordpress.org/support/users/carlgross/) * Thank you for the clarification. * It looks like the Sticky Header plugin may have been deactivated on your end. The site appears fine right now. Refer to this image: [https://prnt.sc/2U6rq9bFoZTO](https://prnt.sc/2U6rq9bFoZTO) * Could you reactivate it when you get a chance? That will help us reproduce the issue and find the right fix for you. * We are right here once it is back on. * Best Regards * Thread Starter [Carl Gross](https://wordpress.org/support/users/carlgross/) * (@carlgross) * [2 months ago](https://wordpress.org/support/topic/header-issue-57/#post-18873641) * Yes my mistake, I previously left it deactivated–sorry. I’ve now activated it. Can you check again? * Thread Starter [Carl Gross](https://wordpress.org/support/users/carlgross/) * (@carlgross) * [2 months ago](https://wordpress.org/support/topic/header-issue-57/#post-18875675) * Hello. Have you had a chance to take a look? The issue is still present. * Plugin Support [Divyang Chaudhary](https://wordpress.org/support/users/divyangposimyth/) * (@divyangposimyth) * [2 months ago](https://wordpress.org/support/topic/header-issue-57/#post-18876059) * Hello [@carlgross](https://wordpress.org/support/users/carlgross/) * Thank you for your patience while our team looked into this. * We reviewed your site setup and found the root cause. Your header is set to absolute position, which makes it sit independently from the rest of the page content. Because of this, the header overlaps the page content on load instead of pushing it down. * To fix this, add a blank container at the top of your page with the same height as your header. This acts as a placeholder, so when the page loads, the header overlaps the blank container instead of your actual content, and everything below starts from the right position. * Once you add the container and publish the page, the overlap issue should be resolved. If you need any help setting this up, feel free to reach out and we will be happy to assist! * Best Regards * Thread Starter [Carl Gross](https://wordpress.org/support/users/carlgross/) * (@carlgross) * [2 months ago](https://wordpress.org/support/topic/header-issue-57/#post-18876070) * Thank you for your reply. Here are my follow-ups. * >> Your header is set to absolute position, Can I ask why you say that? As I see it, the header element itself is not set to absolute position. But one element inside it–the logo image–_is _set to absolute position. This is by design, so the logo can partially overlap the content underneath. * >> To fix this, add a blank container at the top of your page with the same height as your header. This acts as a placeholder, so when the page loads, the header overlaps the blank container instead of your actual content, and everything below starts from the right position. But in my case, I want the image to overlap actual content. * Thanks. * Thread Starter [Carl Gross](https://wordpress.org/support/users/carlgross/) * (@carlgross) * [2 months ago](https://wordpress.org/support/topic/header-issue-57/#post-18878001) * Hello. Any update on this? * Plugin Support [Divyang Chaudhary](https://wordpress.org/support/users/divyangposimyth/) * (@divyangposimyth) * [1 month, 4 weeks ago](https://wordpress.org/support/topic/header-issue-57/#post-18878601) * Hello [@carlgross](https://wordpress.org/support/users/carlgross/) * Thanks for your patience, and sorry for the delay getting back to you. * To clear up the confusion from our earlier reply: the absolute positioning on your header is actually coming from the custom CSS our team had provided previously to fix a separate issue. That is why it may not be visible as something you set yourself. * Here is what is happening: that CSS makes the header sit independently from the page flow. When the sticky header kicks in on initial load, the page content shifts up underneath it, which causes the height and padding changes you are seeing. After scrolling, the sticky behavior normalizes and everything looks correct again. * To fix this while keeping the sticky header active, adding a blank container at the top of your page content with the same height as the header acts as a buffer. The header overlaps that empty space instead of your actual content, and your logo can still overlap the real content below it since its own absolute positioning is separate. Your original design intent stays intact. * I hope this clear things up. If you have any queries, please let me know. * Best Regards. * Thread Starter [Carl Gross](https://wordpress.org/support/users/carlgross/) * (@carlgross) * [1 month, 4 weeks ago](https://wordpress.org/support/topic/header-issue-57/#post-18878708) * OK noted. I had forgotten about the previous CSS–my mistake. * I made your changes, and they fixed the issue. We can consider this resolved. Viewing 11 replies - 1 through 11 (of 11 total) You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-issue-57%2F%3Foutput_format%3Dmd&locale=en_US) to reply to this topic. * ![](https://ps.w.org/sticky-header-effects-for-elementor/assets/icon-256x256. gif?rev=3301413) * [Sticky Header Effects for Elementor](https://wordpress.org/plugins/sticky-header-effects-for-elementor/) * [Frequently Asked Questions](https://wordpress.org/plugins/sticky-header-effects-for-elementor/#faq) * [Support Threads](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/) * [Active Topics](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/unresolved/) * [Reviews](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/) * 11 replies * 2 participants * Last reply from: [Carl Gross](https://wordpress.org/support/users/carlgross/) * Last activity: [1 month, 4 weeks ago](https://wordpress.org/support/topic/header-issue-57/#post-18878708) * Status: resolved