diff --git a/source/css/_common/components/header/site-nav.styl b/source/css/_common/components/header/site-nav.styl index bcd2bff4e9..4ccd611450 100644 --- a/source/css/_common/components/header/site-nav.styl +++ b/source/css/_common/components/header/site-nav.styl @@ -1,7 +1,6 @@ .site-nav-toggle { hide(); position: absolute; - top: 10px; left: 10px; +mobile() { show(); diff --git a/source/css/_schemes/Mist/_menu.styl b/source/css/_schemes/Mist/_menu.styl index 325d609974..b934f63af8 100644 --- a/source/css/_schemes/Mist/_menu.styl +++ b/source/css/_schemes/Mist/_menu.styl @@ -7,6 +7,7 @@ .site-nav-toggle { position: static; float: right; + top: 10px; } .site-nav { diff --git a/source/css/_schemes/Muse/_layout.styl b/source/css/_schemes/Muse/_layout.styl index 88b433762a..43b22a8c6a 100644 --- a/source/css/_schemes/Muse/_layout.styl +++ b/source/css/_schemes/Muse/_layout.styl @@ -1,9 +1,17 @@ .header-inner, .container .main-inner, .footer-inner { - +mobile() { width: auto; } + +mobile() { + width: auto; + } +} + +.header-inner { + +mobile() { + padding: 50px 0 35px; + } } // embed tag embed { - show(); - margin: 0px auto 25px auto; + show(); + margin: 0px auto 25px auto; } diff --git a/source/css/_schemes/Muse/_menu.styl b/source/css/_schemes/Muse/_menu.styl index bf20188cf4..4d763d7d51 100644 --- a/source/css/_schemes/Muse/_menu.styl +++ b/source/css/_schemes/Muse/_menu.styl @@ -1,8 +1,6 @@ .site-nav { +mobile() { - position: absolute; left: 0; - top: 52px; margin: 0; width: 100%; padding: 0; @@ -12,6 +10,10 @@ } } +.site-nav-toggle { + top: 50px; +} + .menu { +mobile() { text-align: left; } } @@ -48,7 +50,9 @@ } br { - +mobile() { display: none; } + +mobile() { + display: none; + } } a, span.exturl { diff --git a/source/css/_schemes/Pisces/_menu.styl b/source/css/_schemes/Pisces/_menu.styl index 024f847539..0d7a7212ef 100644 --- a/source/css/_schemes/Pisces/_menu.styl +++ b/source/css/_schemes/Pisces/_menu.styl @@ -1,3 +1,14 @@ +.site-nav-toggle { + left: 20px; + top: 50%; + + transform: translateY(-50%); + + +tablet() { + show(); + } +} + .site-nav { border-top: none; @@ -74,14 +85,3 @@ .btn-bar { background-color: white; } - -.site-nav-toggle { - left: 20px; - top: 50%; - - transform: translateY(-50%); - - +tablet() { - show(); - } -}