/* MK Logistics — custom CSS overrides. Loaded after the parent theme styles. */ /* --------------------------------------------------------------------------- Sticky header + WordPress admin bar --------------------------------------------------------------------------- Guests:
sticks flush to the viewport top. Logged-in users: #wpadminbar is position:fixed above 600px (32px tall on desktop, 46px on tablet), so the sticky header must be pushed down by that amount or it slides underneath the toolbar. WordPress exposes the current toolbar height as --wp-admin--admin-bar--height on , so one rule covers both breakpoints. Below 600px the admin bar is position:absolute and scrolls away with the page, so the header must sit at top:0 again. --------------------------------------------------------------------------- */ body.admin-bar header.sticky { top: var(--wp-admin--admin-bar--height, 32px); } @media screen and (max-width: 600px) { body.admin-bar header.sticky { top: 0; } }