fix 首頁 hero 權重覆寫與導覽子選單 768px 起向右飛出
This commit is contained in:
+29
-10
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user