From f0203e5109ca8b5199cd315c31e0391cf5b71ebe Mon Sep 17 00:00:00 2001 From: "stephen@cubedesigners.com" Date: Thu, 7 May 2020 08:19:52 +0000 Subject: [PATCH] Done #3617 @1.25 --- .../resources/assets/styles/layouts/header.styl | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/wp-content/themes/physioassist/resources/assets/styles/layouts/header.styl b/wp-content/themes/physioassist/resources/assets/styles/layouts/header.styl index e5fb0167..0af3751a 100644 --- a/wp-content/themes/physioassist/resources/assets/styles/layouts/header.styl +++ b/wp-content/themes/physioassist/resources/assets/styles/layouts/header.styl @@ -40,8 +40,9 @@ header.site // Logo is split into symbol + text so we can hide the symbol when reducing the header height .logo max-width: 235px - padding: 0 10px 15px 4px + padding: 0 10px 9px 4px width: 70% // Only relevant when we reach smaller screens - leaves room for burger menu icon + transform: translateY(-3px) // Better vertical centring in compact mode &-symbol width: 0 // Hidden in default view @@ -84,17 +85,12 @@ $phone-widget-width = 3.5em // 1em padding + 1.5em icon width + 1em padding position: absolute left: 100% bottom: 0 - height: 100% - - .template-transparent-header & - height: auto +below($breakpoint-menu) display: none &-link display: block - height: 100% background-color: #1f8ccc color: #fff padding: 1em 1em 1em $phone-widget-width @@ -134,7 +130,8 @@ $phone-widget-width = 3.5em // 1em padding + 1.5em icon width + 1em padding .logo margin: 25px 10px 0 - max-width: 278px + max-width: 369px + transform: none .logo-symbol opacity: 1 -- 2.39.5