Custom CSS Master
/* Mobile Header Fix – P0-1 from visual review */
@media only screen and (max-width: 768px) {
.site-header .custom-logo-link img,
.site-header .custom-logo {
max-width: 120px !important;
height: auto !important;
}
.site-branding {
max-width: 60% !important;
}
.site-description {
display: none !important;
}
.kadence-mobile-toggle {
padding: 10px !important;
}
}
/* Additional Mobile Fixes – S6.3 */
.mobile-site-branding .site-title-wrap {
display: none !important;
}
@media (max-width: 767px) {
.site-main-header-inner-wrap {
min-height: 60px !important;
}
.mobile-toggle-open-container .menu-toggle-open {
padding: 0.5em 0.8em !important;
}
}
