diff --git a/css/responsive.css b/css/responsive.css index 7711192..bc3fe19 100644 --- a/css/responsive.css +++ b/css/responsive.css @@ -4,6 +4,19 @@ } @media (max-width: 1200px) { + #site-navigation { + float: right; + margin-right: 20px; + } + + #site-navigation ul li { + margin-left: 17px; + } + + #site-navigation ul li a { + font-size: 13px; + } + .tg-container { padding: 0 2%; width: 96%; @@ -189,15 +202,11 @@ } } -@media (max-width: 768px) { +@media (max-width: 936px) { #masthead .widget_shopping_cart { display: none; } - #header-ticker { - line-height: 26px; - } - #site-navigation { float: right; margin-right: 15px; @@ -315,6 +324,17 @@ .sub-menu .sub-toggle { right: 0; } +} + +@media (max-width: 817px) { + + #header-ticker { + line-height: 26px; + } + + .left-top-header { + float: none; + } .left-header-block { border-right: medium none; @@ -324,6 +344,7 @@ margin: 10px auto; padding: 0; text-align: center; + font-size: 12px; } .right-top-header { @@ -332,6 +353,9 @@ float: none; margin: 0 auto; } +} + +@media (max-width: 768px) { .tg-container { width: 96%; @@ -436,7 +460,7 @@ .right-header-block a, .right-top-header .top-header-menu-wrapper ul li a { - font-size: 10px; + font-size: 12px; } .slider-caption-wrapper .slider-btn i { @@ -592,7 +616,7 @@ .right-header-block a, .right-top-header .top-header-menu-wrapper ul li a { - font-size: 13px; + font-size: 12px; } .logo-wrapper { @@ -642,6 +666,14 @@ vertical-align: top; } + .category-menu { + width: 100%; + } + + #site-navigation { + float: left; + } + .error-404.not-found .search-field { width: 70%; } diff --git a/readme.txt b/readme.txt index aa6df54..6153ade 100644 --- a/readme.txt +++ b/readme.txt @@ -94,6 +94,12 @@ If you want the theme to be translated into your language, feel free to contribu /**********************************************************/ == Changelog == += Version 1.4.8 - TBD = +* Tweak - Remove right vertical line beside currency in top header bar. +* Enhancement - Restructure navigation menu on mobile view. +* Enhancement - Header top bar responsive design. +* Enhancement - Navigation menu in mobile landscape orientation and responsive design + = Version 1.4.7 - 2020-04-18 = * Enhancement - Removed angle down fav icon from login link. * Fix - Customizer not loading due to header top bar activate callback. diff --git a/sass/theme/header/_top-header.scss b/sass/theme/header/_top-header.scss index da3a2d7..b16f930 100644 --- a/sass/theme/header/_top-header.scss +++ b/sass/theme/header/_top-header.scss @@ -65,7 +65,6 @@ font-size: 12px; padding: 0 10px; font-weight: 600; - border-right: 1px solid #c0bfbf; @include transition(all 0.5s ease); &:hover { background: #00a9e0; @@ -78,6 +77,10 @@ } +.login-register-wrap { + border-right: 1px solid #c0bfbf; +} + #lang_sel_click a.lang_sel_sel { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; diff --git a/style.css b/style.css index 2b510a3..4eb058a 100644 --- a/style.css +++ b/style.css @@ -1423,7 +1423,6 @@ body { font-size: 12px; padding: 0 10px; font-weight: 600; - border-right: 1px solid #c0bfbf; transition: all 0.5s ease; } @@ -1436,6 +1435,10 @@ body { margin-left: 3px; } +.login-register-wrap { + border-right: 1px solid #c0bfbf; +} + #lang_sel_click a.lang_sel_sel { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none;