Doormile/doormile-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixedunderrefactor

Browse Source
This commit is contained in:
Kishore Kumar C
2026-05-07 18:37:51 +05:30
parent 687d0547a0
commit a4f9a2e89a
3 changed files with 28 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
includes/layout/head.php
View File

@@ -11,6 +11,12 @@
visibility: hidden !important;
transition: none !important; /* No transition on first load */
}
/* Ensure header is transparent sitewide when not sticky */
.header-hide-until-scroll:not(.sticky-container-active) {
background-color: transparent !important;
box-shadow: none !important;
}
</style>
<link crossorigin data-rocket-preconnect href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://8ded8880.delivery.rocketcdn.me" rel="preconnect">

22
includes/layout/header.php
View File

@@ -591,4 +591,24 @@
</div>
</div>
</header>
</header>
<script>
(function($) {
$(function() {
// Header scroll visibility logic - Globalized
const $header = $('.header-hide-until-scroll');
// Show header once the page has started to load to avoid flicker
// but maintain the hide-until-scroll behavior if needed
$header.addClass('header-visible-scrolled');
$(window).on('scroll', function() {
const scrollTop = $(this).scrollTop();
// Maintain visibility after scroll
if (scrollTop >= 0) {
$header.addClass('header-visible-scrolled');
}
});
});
})(jQuery);
</script>

19
index.php
View File

@@ -525,24 +525,7 @@
<script>
(function($) {
$(window).on('load', function() {
// Header scroll visibility
const $header = $('.header-hide-until-scroll');
// Show header once the page has fully loaded to avoid the initial flicker
// but keep it visible even in the landing section.
$header.addClass('header-visible-scrolled');
$(window).scroll(function() {
const scrollTop = $(this).scrollTop();
// Keep it visible throughout, but we can add logic if we want
// a specific effect. Since the user wants it visible in landing too:
if (scrollTop >= 0) {
$header.addClass('header-visible-scrolled');
}
});
// Apply shrink to sections after hero
// Apply shrink to sections after hero (Homepage specific)
$('.elementor-61 > .e-parent').not(':first').addClass('section-shrink');
});
})(jQuery);