diff --git a/partials/header-background.hbs b/partials/header-background.hbs index c183be6..7bf27e6 100644 --- a/partials/header-background.hbs +++ b/partials/header-background.hbs @@ -36,5 +36,25 @@ for it, and apply those styles to the
tag. Else, we just output a + .responsive-header-img { + background-image: url({{img_url @site.cover_image size='xl'}}); + background-size: cover; + } + + @media(max-width: 1000px) { + .responsive-header-img { + background-image: url({{img_url @site.cover_image size='l'}}); + background-position: center; + } + } + + @media(max-width: 600px) { + .responsive-header-img { + background-image: url({{img_url @site.cover_image size='m'}}); + background-position: center; + } + } + {{/if}}