/* ============================================ DESKTOP HEADER STYLE - TimesIndonesia ============================================ */ /* Desktop Layout */ @media screen and (min-width: 992px) { /* --- HIDE MOBILE ELEMENTS --- */ .gmr-logo-mobile, #gmr-responsive-menu { display: none !important; } /* --- TOP NAV WRAP (Breaking News) --- */ .gmr-topnavwrap .container .list-flex { display: flex !important; justify-content: space-between !important; align-items: center !important; } .gmr-topnavwrap .gmr-navleft { display: flex !important; align-items: center !important; flex: 1 !important; } .gmr-topnavwrap .gmr-navright { display: flex !important; align-items: center !important; } /* --- SITE HEADER (Logo + Banner) --- */ #masthead { padding: 15px 0; border-bottom: 3px solid #cc0000; } #masthead .site-branding { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; } /* Logo */ #masthead .gmr-logo { flex: 0 0 auto !important; margin-right: 30px !important; } #masthead .custom-logo { max-height: 70px !important; width: auto !important; display: block !important; } /* Banner di tengah */ #masthead .gmr-banner-logo { flex: 1 !important; text-align: center !important; } #masthead .gmr-banner-logo img { max-width: 100%; height: auto; } /* --- MAIN NAVIGATION MENU --- */ #main-nav-wrap { background: #cc0000 !important; border-bottom: 3px solid #990000 !important; position: sticky !important; top: 0 !important; z-index: 999 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.2); } #main-nav-wrap .container { padding: 0 15px; } #main-nav { display: flex !important; justify-content: flex-start !important; } #main-nav ul#primary-menu { display: flex !important; list-style: none !important; margin: 0 !important; padding: 0 !important; flex-wrap: wrap !important; } #main-nav ul#primary-menu > li { position: relative !important; } #main-nav ul#primary-menu > li > a { display: block !important; color: #ffffff !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 14px !important; padding: 12px 22px !important; text-decoration: none !important; letter-spacing: 0.5px !important; transition: background 0.3s ease !important; border-right: 1px solid rgba(255,255,255,0.1); } #main-nav ul#primary-menu > li:last-child > a { border-right: none; } #main-nav ul#primary-menu > li > a:hover { background: #990000 !important; } /* Dropdown Menu */ #main-nav ul#primary-menu ul.sub-menu { display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; background: #ffffff !important; min-width: 220px !important; box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important; border-top: 3px solid #cc0000 !important; padding: 0 !important; list-style: none !important; z-index: 1000 !important; } #main-nav ul#primary-menu li:hover > ul.sub-menu { display: block !important; } #main-nav ul#primary-menu ul.sub-menu li { border-bottom: 1px solid #f0f0f0 !important; } #main-nav ul#primary-menu ul.sub-menu li:last-child { border-bottom: none !important; } #main-nav ul#primary-menu ul.sub-menu li a { display: block !important; color: #333333 !important; padding: 10px 20px !important; font-size: 13px !important; font-weight: 500 !important; text-transform: none !important; transition: all 0.3s ease !important; } #main-nav ul#primary-menu ul.sub-menu li a:hover { background: #f5f5f5 !important; color: #cc0000 !important; padding-left: 25px !important; } /* Menu dengan icon dropdown */ #main-nav ul#primary-menu li.menu-item-has-children > a::after { content: " ▼"; font-size: 10px; margin-left: 5px; } /* Secondary menu (jika ada) */ #secondary-menu { display: flex !important; list-style: none !important; margin: 0 !important; padding: 0 !important; margin-left: auto !important; } #secondary-menu li a { display: block !important; color: #ffffff !important; font-weight: 600 !important; font-size: 13px !important; padding: 12px 18px !important; text-decoration: none !important; opacity: 0.8; transition: opacity 0.3s ease; } #secondary-menu li a:hover { opacity: 1; } /* --- HIDE MOBILE MENU --- */ .gmr-mobilemenuwrap { display: none !important; } } /* ============================================ MOBILE/TABLET - KEEP ORIGINAL ============================================ */ @media screen and (max-width: 991px) { /* Keep original mobile styles */ .gmr-logo-mobile { display: inline-block !important; } #gmr-responsive-menu { display: inline-block !important; } /* Hide desktop elements on mobile */ .gmr-mainmenu-wrap #main-nav ul#primary-menu { display: none !important; } .gmr-mainmenu-wrap #secondary-menu { display: none !important; } } /* ============================================ FLOATING BANNER - Tetap berfungsi ============================================ */ .gmr-floating-banner-left, .gmr-floating-banner-right { position: fixed; top: 50%; transform: translateY(-50%); z-index: 999; } .gmr-floating-banner-left { left: 0; } .gmr-floating-banner-right { right: 0; } /* ============================================ RESPONSIVE FIX ============================================ */ @media screen and (max-width: 768px) { .gmr-floating-banner-left, .gmr-floating-banner-right { display: none; } }

Sepertinya kami tidak dapat menemukan apa yang anda cari. Mungkin pencarian bisa membantu.

Exit mobile version