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 committed 2026-07-12 18:44:22 +08:00
1 parent ef0461b71e
commit ecba297700
5 files changed
+90 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/frontend/footer.css
+1
View File
@@ -2,3 +2,4 @@
@import url("footer/part-2.css");
@import url("footer/part-3.css");
@import url("footer/part-4.css");
@import url("footer/zibll-shell.css");
assets/css/frontend/footer/zibll-shell.css
+50
View File
@@ -0,0 +1,50 @@
/**
* Footer zibll shell dual-class bridge
*/
.footer.site-footer {
position: relative;
width: 100%;
}
.footer .container-footer,
.footer .container-fluid.container-footer {
width: 100%;
max-width: var(--container, 1200px);
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.footer .footer-logo {
max-height: 48px;
width: auto;
display: inline-block;
}
.footer .footer-contact a {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.footer .fcode-links a {
display: inline-block;
margin-right: 12px;
margin-bottom: 6px;
}
.footer .footer-conter {
margin: 0;
line-height: 1.7;
}
/* Keep float-right above content, zibll-like */
#float-right-btns.float-right,
.float-right {
position: fixed;
right: 16px;
bottom: 80px;
z-index: 90;
}
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;
}