diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css index 65abcc7..e4fb0d8 100644 --- a/core/themes/seven/style.css +++ b/core/themes/seven/style.css @@ -231,13 +231,13 @@ ul.primary { border-bottom: none; text-transform: uppercase; font-size: 0.923em; - height: 2.60em; margin: 0; padding-top: 0; } ul.primary li { float: left; /* LTR */ list-style: none; + height: 2.60em; margin: 0 2px; } ul.primary li a:link, @@ -248,9 +248,7 @@ ul.primary li a:hover, ul.primary li.active a { display: block; float: left; /* LTR */ - height: 2.60em; - line-height: 2.60em; - padding: 0 18px 8px; + padding: 0.615em 18px; background-color: #a6a7a2; color: #000; font-weight: bold; @@ -308,6 +306,35 @@ ul.secondary li.active a.active { #content { clear: left; } +@media screen and (max-width:56.538em) { /* 735px */ + #branding { + padding-right: 0; + } + ul.primary { + clear: both; + float: none; + overflow-x: scroll; + -webkit-overflow-scrolling: touch; + white-space: nowrap; + margin-bottom: -3px; + } + ul.primary li { + float: none; + white-space: nowrap; + } + ul.primary li a:link, + ul.primary li a.active, + ul.primary li a:active, + ul.primary li a:visited, + ul.primary li a:hover, + ul.primary li.active a { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + width: 100%; + } +} /** * Page layout.