diff --git a/platform/commonUI/general/res/css/theme-espresso.css b/platform/commonUI/general/res/css/theme-espresso.css index 963fcf0da7..d72ebb4cea 100644 --- a/platform/commonUI/general/res/css/theme-espresso.css +++ b/platform/commonUI/general/res/css/theme-espresso.css @@ -813,16 +813,21 @@ mct-container { .mobile-menu-icon { display: none; } } -@media screen and (max-width: 514px) { +@media screen and (max-width: 800px) { /* line 90, ../sass/mobile/_layout.scss */ + .exclude-mobile { + display: none; } } + +@media screen and (max-width: 514px) { + /* line 97, ../sass/mobile/_layout.scss */ .browse-manage { width: 46%; } } @media screen and (min-width: 515px) and (max-width: 800px) { - /* line 90, ../sass/mobile/_layout.scss */ + /* line 97, ../sass/mobile/_layout.scss */ .browse-manage { width: 28%; } } @media screen and (min-width: 801px) { - /* line 90, ../sass/mobile/_layout.scss */ + /* line 97, ../sass/mobile/_layout.scss */ .browse-manage { min-width: 150px; max-width: 800px; diff --git a/platform/commonUI/general/res/sass/mobile/_layout.scss b/platform/commonUI/general/res/sass/mobile/_layout.scss index 6af0be9d24..589f576bdd 100644 --- a/platform/commonUI/general/res/sass/mobile/_layout.scss +++ b/platform/commonUI/general/res/sass/mobile/_layout.scss @@ -87,6 +87,13 @@ $hideRatioTab: 1.38; } } +.exclude-mobile { + @include phoneandtablet { + display: none; + } +} + + .browse-manage { @include phone { width: $leftPhone;