/** * Full-width header. * #masthead is now a direct child of , * outside the #page.site container capped at 1600px. * Content (#page, #main) keeps its original behavior. */ .site-header { width: 100%; max-width: none; background-color: #fff; /* The image (star.png, defined in the theme) spans the full width: zoom + vertical cropping, no stretching (aspect ratio kept). */ background-position: center top; background-repeat: no-repeat; background-size: cover; } /* Navigation bar: full-width background */ .navbar { max-width: none; width: 100%; } /* Inner header content: stays centered and readable */ .site-header .home-link, .main-navigation { max-width: 1080px; margin: 0 auto; } /* Override the theme's fixed sizes (1600/768/360px auto): cover everywhere, mobile included. */ @media (max-width: 767px) { .site-header { background-size: cover; } } @media (max-width: 359px) { .site-header { background-size: cover; } }