diff --git a/packages/ui-default/common/variables.inc.styl b/packages/ui-default/common/variables.inc.styl index 95d7788c..f72f7fd6 100644 --- a/packages/ui-default/common/variables.inc.styl +++ b/packages/ui-default/common/variables.inc.styl @@ -81,6 +81,7 @@ $nav-item-round-height = 32px $nav-item-round-color = $primary-color $nav-item-round-border = 2px $nav-logo-height = 32px +$nav-logo-height-mobile = 23px $header-layer-height = 100px $header-bg-width = 1920px diff --git a/packages/ui-default/components/header/header.page.styl b/packages/ui-default/components/header/header.page.styl index 8166881f..bf9be9a2 100644 --- a/packages/ui-default/components/header/header.page.styl +++ b/packages/ui-default/components/header/header.page.styl @@ -66,11 +66,8 @@ $header-gap-mini-domain = ($header-bg-height-mini - $nav-item-height - $header-l .header--mobile__domain display: block - width: $nav-logo-width // no rem - height: $nav-logo-height // no rem - margin-top: rem(5px) - +retina() - background-size: $nav-logo-width $nav-logo-height // no rem + height: $nav-logo-height-mobile // no rem + margin-top: rem(10px) img height: 100%