Fix mobile layout shift and menu overflow (comprehensive CSS normalization)

This commit is contained in:
2026-01-12 21:04:11 +09:00
parent 41c7fa456e
commit 50982f19b0
3 changed files with 51 additions and 61 deletions

View File

@@ -11,20 +11,10 @@ body {
background-attachment: fixed !important;
}
/* Global Container Margin Overrides */
/* Global Container Margin Overrides - mobile_custom.css와 통합 */
#main_container {
width: 100% !important;
max-width: 100% !important;
padding-left: 2px !important; /* 15px -> 2px */
padding-right: 2px !important; /* 15px -> 2px */
margin-left: 0 !important;
margin-right: 0 !important;
}
.container, .container-fluid:not(.anilife-common-wrapper) {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
</style>
@@ -775,27 +765,12 @@ body {
/* 모바일 반응형 - Bootstrap 모든 레이아웃 강제 덮어쓰기 */
@media (max-width: 768px) {
/* 상단 서브메뉴가 SJVA 메인 navbar에 가려지지 않도록 여백 추가 */
ul.nav.nav-pills.bg-light {
margin-top: 60px !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
display: flex !important;
width: 100% !important;
border-radius: 10px !important;
}
ul.nav.nav-pills .nav-link {
padding: 8px 12px !important;
font-size: 11px !important;
white-space: nowrap !important;
}
/* Ensure breadcrumb span doesn't force width */
#menu_module_div span.nav-link {
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
max-width: 150px;
white-space: nowrap !important;
}
/* 입력창 크기 최적화 */