kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(shell): polish header/hero overlay and footer zibll classes

Browse Source 
Make show-slide header overlay the hero, dual-class nav/footer shells
toward zibll selectors, and add a small footer layout bridge for logo,
contact, and float buttons.
This commit is contained in:
kate522
2026-07-12 18:44:22 +08:00
parent ef0461b71e
commit ecba297700
5 changed files with 90 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/header-components/widget-device-visibility.css
+32 -1
View File
@@ -13,10 +13,31 @@
/* 首页首屏模块：向上抵消导航占位，保证 Hero 与导航重叠显示 */
.home-modules > .header-components-container:first-child,
.home-modules--fullbleed > .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 {
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;
}
/* WordPress Admin Bar 已全局禁用，无需偏移规则 */
/* ============================================================
@@ -300,3 +321,13 @@
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
/* 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;
}