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:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user