/* Header with bulge from bottom */ header, .header-outer, #header-wrapper, .main-header { position: sticky !important; top: 0; z-index: 999; background: #fff !important; padding: 12px 18px 28px !important; border-radius: 0 0 50% 50% / 0 0 30px 30px !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important; } /* Logo size */ header img, .header-outer img, .Header img { height: 48px !important; width: auto !important; max-width: none !important; } /* Hide the blog title text if you only want the logo */ .Header h1, .Header .title { display: none; } /* Stop the page content from hiding under the curve */ header + *, .header-outer + * { margin-top: -14px; } /* Desktop: softer curve */ @media (min-width: 768px) { header, .header-outer, #header-wrapper, .main-header { border-radius: 0 0 100% 100% / 0 0 24px 24px !important; } }