fix(header): resolve show-slide layout conflicts on homepage

Remove CSS that forced relative header and cancelled hero underlap,
disable sticky inside absolute show-slide nav, hide desktop expanded
search form for layout-1, and size logos at 36px height like zibll.
This commit is contained in:
2026-07-12 19:04:21 +08:00
parent 07e1b64951
commit 7b413b2a59
3 changed files with 60 additions and 42 deletions
@@ -11,32 +11,13 @@
}
}
/* 首页首屏模块:向上抵消导航占位,保证 Hero 与导航重叠显示 */
/* CMS freeform modules only: hero as first module under nav */
.home-modules > .header-components-container:first-child,
.home-modules--fullbleed > .header-components-container:first-child,
/* Fixed homepage: hero is after </header>, not inside .home-modules */
body.home.header .header-slider-container,
body.home .header-slider-container.header-components-container,
body.front-page .header-slider-container.header-components-container,
body.aksrt-homepage-active .header-slider-container {
.home-modules--fullbleed > .header-components-container:first-child {
margin-top: calc(var(--nav-height, 60px) * -1);
}
/* Transparent nav sits above the hero slider */
body.home header.header.show-slide,
body.front-page header.header.show-slide,
body.aksrt-homepage-active header.header.show-slide {
position: relative;
z-index: 20;
}
body.home header.header.show-slide .site-nav--fixed,
body.front-page header.header.show-slide .site-nav--fixed,
body.aksrt-homepage-active header.header.show-slide .site-nav--fixed {
background: transparent;
border-bottom-color: transparent;
box-shadow: none;
}
/* Fixed homepage hero under-nav is owned by nav/base.css (body.nav-fixed). */
/* WordPress Admin Bar 已全局禁用,无需偏移规则 */
@@ -323,11 +304,4 @@ body.aksrt-homepage-active header.header.show-slide .site-nav--fixed {
/* Fixed homepage hero under absolute show-slide header */
body.home header.header.show-slide ~ .header-slider-container,
body.front-page header.header.show-slide ~ .header-slider-container,
body.aksrt-homepage-active header.header.show-slide ~ .header-slider-container,
body.home header.header.show-slide ~ .mobile-header ~ .header-slider-container,
body.front-page header.header.show-slide ~ .mobile-header ~ .header-slider-container {
margin-top: 0;
}