diff --git a/assets/scss/_responsive.scss b/assets/scss/_responsive.scss index 4bef3d3..b844030 100644 --- a/assets/scss/_responsive.scss +++ b/assets/scss/_responsive.scss @@ -674,6 +674,15 @@ } } +@media screen and (min-width: 601px) and (max-width: 768px) { + .better-responsive-menu #site-navigation { + margin-top: 15px; + } + + .main-navigation { + width: unset; + } +} @media only screen and (max-width: 420px) { #page { width: 97%; diff --git a/package-lock.json b/package-lock.json index 384abf7..a1a9e24 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "spacious", - "version": "1.7.0", + "version": "1.7.1", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/readme.txt b/readme.txt index 43074cc..aadaf14 100644 --- a/readme.txt +++ b/readme.txt @@ -48,6 +48,7 @@ and we will include it within the theme from next version update. == Changelog == = TBD = * Fix - JS error while certain header HTML element not rendered. +* Tweak - Mobile view navigation menu design. = Version 1.7.1 - 2020-02-19 = * Tweak - Refactor theme page according to WordPress theme guidelines. diff --git a/style.css b/style.css index 15ce94c..9389b32 100644 --- a/style.css +++ b/style.css @@ -3574,6 +3574,15 @@ li.default-menu { } } +@media screen and (min-width: 601px) and (max-width: 768px) { + .better-responsive-menu #site-navigation { + margin-top: 15px; + } + .main-navigation { + width: unset; + } +} + @media only screen and (max-width: 420px) { #page { width: 97%;