/* === Hide "Older posts" navigation on all devices === */

#infinite-handle,

.nav-previous,

.posts-navigation {

display: none !important;

}

/* === Mobile-Only Simplification (max-width: 768px) === */

/* Keep desktop layout untouched */

@media (max-width: 768px) {
 /* Hide "What's New" red bar in mobile, keep carousel */
 	.exclusive-now.primary-color {
 	display: none !important;
	} 

/* Hide Editor's Picks sidebar in banner */

.aft-thumb-part {

display: none !important;

}

/* Hide Trending Now section in banner */

.aft-trending-part {

display: none !important;

}

/* Make Main News slider full width on mobile */

.aft-slider-part {

width: 100% !important;

flex: 0 0 100% !important;

}

/* Hide Featured Posts + Category section below banner */

.aft-frontpage-feature-section-wrapper {

display: none !important;

}

/* Hide You May Have Missed section */

.above-footer-widget-section {

display: none !important;

}

/* Hide sidebar on homepage */

.home .sidebar-area {

display: none !important;

}

/* Make content area full width on mobile */

.home .content-area {

width: 100% !important;

flex: 0 0 100% !important;

}

}

/* === Mobile Header: Single-Row Compact Bar === */

@media (max-width: 768px) {

/* Make header a positioning context */

.reviewnews-header {

padding: 0 !important;

position: relative !important;

}

/* --- Middle header: overlay on top of bottom header --- */

.af-middle-header {

position: absolute !important;

top: 0 !important;

left: 0 !important;

right: 0 !important;

z-index: 100 !important;

height: 48px !important;

padding: 0 !important;

margin: 0 !important;

background: transparent !important;

pointer-events: none !important;

}

.af-middle-header .container-wrapper,

.af-middle-header .af-middle-container {

height: 48px !important;

padding: 0 !important;

margin: 0 !important;

max-width: 100% !important;

width: 100% !important;

}

/* Hide logo and right areas */

.af-middle-header .main-bar-left,

.af-middle-header .main-bar-right {

display: none !important;

}

/* Position branding: left-aligned, after hamburger space */

.af-middle-header .main-bar-center {

pointer-events: none !important;

position: absolute !important;

left: 0 !important;

right: 0 !important;

top: 0 !important;

display: flex !important;

align-items: center !important;

justify-content: center !important;

height: 48px !important;

padding: 0 48px !important;

width: 100% !important;

}

.site-branding {

padding: 0 !important;

margin: 0 !important;

}

/* Hide tagline */

.site-description {

display: none !important;

}

.site-title {

margin: 0 !important;

line-height: 48px !important;

}

/* Title = clickable home link, white text */

/* Make only the title link clickable (not blocking hamburger) */

.site-title a {

pointer-events: auto !important;

}

.site-title a {

font-size: 15px !important;

line-height: 48px !important;

color: #fff !important;

white-space: nowrap !important;

text-decoration: none !important;

}

/* Hide site icon on mobile header */

.af-middle-header .custom-logo-link,

.af-middle-header .site-icon,

.af-middle-header .custom-logo {

display: none !important;

}

/* --- Bottom header: blue bar with hamburger + search --- */

.af-bottom-header {

background: #2b5797 !important;

height: 48px !important;

}

#main-navigation-bar {

padding: 0 !important;

}

.bottom-bar-flex {

display: flex !important;

align-items: center !important;

height: 48px !important;

padding: 0 8px !important;

justify-content: space-between !important;

}

/* Hide empty offcanvas left area */

.offcanvas-navigaiton.bottom-bar-left {

display: none !important;

}

/* Center: keep nav container for toggle functionality */

.bottom-bar-center {

flex: 0 0 auto !important;

order: 1 !important;

}

.navigation-container {

display: block !important;

}

.main-navigation {

padding: 0 !important;

min-height: auto !important;

background: transparent !important;

}

/* Hamburger toggle: visible and styled */

.toggle-menu {

display: block !important;

}

.toggle-menu .aft-void-menu {

color: #fff !important;

font-size: 22px !important;

padding: 8px 10px !important;

display: block !important;

}

.toggle-menu .ham {

color: #fff !important;

}

/* Hide desktop nav menu items but keep toggle */

.main-navigation ul.primary-menu,

.main-navigation > ul {

position: absolute !important;

top: 48px !important;

left: 0 !important;

right: 0 !important;

z-index: 999 !important;

background: #2b5797 !important;

}

/* Search: right side */

.search-watch.bottom-bar-right {

order: 3 !important;

flex: 0 0 auto !important;

}

.af-search-wrap .search-icon {

color: #fff !important;

font-size: 18px !important;

padding: 8px 10px !important;

}

/* Push nav bar up to remove gap */

.af-bottom-header {

margin-top: 0 !important;

}

/* Tighten hamburger button padding */

.toggle-menu .aft-void-menu {

padding: 4px 10px !important;

}

/* Tighten search icon padding */

.af-search-wrap .search-icon {

padding: 4px 10px !important;

}

/* === Hide What's New ticker on mobile === */

/* Reduce spacing above Main News */

.aft-main-banner-section {

margin-top: 0 !important;

padding-top: 0 !important;

}

/* Tighten article grid spacing */

.aft-archive-wrapper article {

margin-bottom: 12px !important;

}

/* Reduce Main News heading size */

.aft-main-banner-section .widget-title {

font-size: 16px !important;

padding: 4px 10px !important;

}

/* Tagline below header */

.af-bottom-header::after {
Added:
content: "Hong Kong at Heart. Shenzhen and Macau at Your Doorstep";

display: block !important;

background: #1e4577 !important;

color: rgba(255,255,255,0.85) !important;

font-size: 11px !important;

text-align: center !important;

padding: 3px 0 !important;

letter-spacing: 0.3px !important;

width: 100% !important;

}

/* Fix mobile menu dropdown position */

body .main-navigation .menu .menu-mobile {

top: 48px !important;

left: 0 !important;

right: 0 !important;

width: 100vw !important;

transform: none !important;

background: #2b5797 !important;

z-index: 9999 !important;

margin: 0 !important;

padding: 0 !important;

}

body .main-navigation .menu .menu-mobile li a {

color: #fff !important;

border-bottom: 1px solid rgba(255,255,255,0.15) !important;

}



}

/* === Shenzhen & Macau Menu Highlight === */

#menu-item-1227 {

background-color: #C0392B !important;

}

#menu-item-1227 > a {

color: #fff !important;

}

#menu-item-1226 {

background-color: #27AE60 !important;

padding-right: 13px !important;

}

#menu-item-1226 > a {

color: #fff !important;

}