From b525748c1f144bc1505174de26c13fe98ef4b203 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Mon, 2 Oct 2017 11:30:47 +0200 Subject: [PATCH] fix weird main menu placement in some viewports --- _src/_assets/styles/bigchain/_menus.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/_src/_assets/styles/bigchain/_menus.scss b/_src/_assets/styles/bigchain/_menus.scss index 71147da..4fd01e9 100644 --- a/_src/_assets/styles/bigchain/_menus.scss +++ b/_src/_assets/styles/bigchain/_menus.scss @@ -89,11 +89,9 @@ box-shadow: none; padding: $spacer ($spacer / 4); display: inline-block; - float: right; @media ($screen-md) { margin-left: $spacer; - float: none; } &:hover, @@ -127,6 +125,16 @@ padding-top: ($spacer / 2); padding-bottom: ($spacer / 2); + .grid__col--2 { + display: flex; + justify-content: space-between; + + @media ($screen-md) { + display: block; + white-space: nowrap; + } + } + .menu__logo { margin-bottom: ($spacer / 2);