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;
}
}

Similar Posts

  • Custom CSS Master

    /* Mobile Header Fix – S6.3 */ .custom-logo { max-width: 120px !important; height: auto !important; } .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; } } @media (max-width: 1024px) { #masthead { background: #ffffff !important; } #mobile-drawer { max-width:…

Leave a Reply

Your email address will not be published. Required fields are marked *