fix 首頁 hero 權重覆寫與導覽子選單 768px 起向右飛出

This commit is contained in:
2026-05-16 17:32:31 +08:00
parent 6df0329649
commit 67f4b8bfc2
2 changed files with 68 additions and 11 deletions
+29 -10
View File
@@ -205,7 +205,7 @@ nav a {
color: #3a300a;
}
/* 淪陷瞬間 · 全員發瘋:第一層向下;第二/三層向右飛出(≤1024px 直向堆疊) */
/* 淪陷瞬間 · 全員發瘋:第一層向下;第二/三層向右飛出(僅 ≤767px 直向堆疊,避免 1024 平板也壓成直排 */
.portal-nav .portal-submenu .portal-nav__subgroup {
position: relative;
z-index: 0;
@@ -344,7 +344,24 @@ nav a {
display: flex;
}
@media (max-width: 1024px) {
@media (min-width: 768px) {
.portal-nav .portal-nav__subgroup>.portal-submenu-nested {
position: absolute !important;
left: calc(100% + 6px) !important;
top: 0 !important;
right: auto !important;
}
.portal-nav .portal-submenu-nested--tier3 {
position: absolute !important;
left: calc(100% + 6px) !important;
top: 0 !important;
right: auto !important;
}
}
@media (max-width: 767px) {
.portal-nav .portal-submenu .portal-nav__subgroup-head::after,
.portal-nav .portal-nav__subgroup-head--nested::after {
@@ -354,7 +371,7 @@ nav a {
.portal-nav .portal-nav__subgroup>.portal-submenu-nested,
.portal-nav .portal-nav__subgroup:hover>.portal-submenu-nested,
.portal-nav .portal-nav__subgroup:focus-within>.portal-submenu-nested {
position: static;
position: static !important;
display: none;
width: 100%;
min-width: 0;
@@ -365,6 +382,7 @@ nav a {
border-left: 2px solid rgba(255, 204, 0, 0.45);
border-radius: 0;
box-shadow: none;
left: auto !important;
}
.portal-nav .portal-nav__subgroup:hover>.portal-submenu-nested,
@@ -375,7 +393,7 @@ nav a {
.portal-nav .portal-submenu-nested--tier3,
.portal-nav .portal-nav__subgroup--nested:hover>.portal-submenu-nested--tier3,
.portal-nav .portal-nav__subgroup--nested:focus-within>.portal-submenu-nested--tier3 {
position: static;
position: static !important;
display: none;
width: 100%;
min-width: 0;
@@ -386,6 +404,7 @@ nav a {
border-left: 2px solid rgba(255, 180, 0, 0.38);
border-radius: 0;
box-shadow: none;
left: auto !important;
}
.portal-nav .portal-nav__subgroup--nested:hover>.portal-submenu-nested--tier3,
@@ -1512,7 +1531,7 @@ footer a .mark_b {
padding-right: 10px;
}
@media (min-width: 1025px) {
@media (min-width: 768px) {
.map-page .portal-nav .portal-submenu .portal-nav__subgroup-head::after {
right: auto;
@@ -1520,8 +1539,8 @@ footer a .mark_b {
}
.map-page .portal-nav .portal-nav__subgroup>.portal-submenu-nested {
left: auto;
right: calc(100% + 6px);
left: auto !important;
right: calc(100% + 6px) !important;
}
.map-page .portal-nav .portal-nav__subgroup-head--nested::after {
@@ -1530,12 +1549,12 @@ footer a .mark_b {
}
.map-page .portal-nav li.portal-nav__subgroup--nested>.portal-submenu-nested--tier3 {
left: auto;
right: calc(100% + 6px);
left: auto !important;
right: calc(100% + 6px) !important;
}
}
@media (max-width: 1024px) {
@media (max-width: 767px) {
.map-page .portal-nav .portal-nav__subgroup>.portal-submenu-nested,
.map-page .portal-nav .portal-nav__subgroup:hover>.portal-submenu-nested,