fix(hero): align header slider title/search stack with zibll
Put hero main title/subtitle in search before_html (document flow), move the search overlay outside the swiper as a sibling, and reset search/slide-text positioning to zibll tops so title and search no longer overlap.
This commit is contained in:
1 parent
e7ccc4f069
commit
397231ca75
12 files changed
+476
-439
No files matched your search
@@ -25,20 +25,7 @@
|
||||
color: #ffe082;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* Layer 2: 搜索覆盖模块(在轮播内部 absolute 定位)
|
||||
* ============================================================ */
|
||||
.header-components-search {
|
||||
position: absolute;
|
||||
bottom: 25%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
/* Legacy form-class helpers (unused by zibll-aligned search; kept for admin-only markup) */
|
||||
.header-components-search__form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -87,4 +74,3 @@
|
||||
font-weight: 500;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user