Skip to content

Commit f89c595

Browse files
committed
Header navigation support for multiple navigation items
1 parent c246a89 commit f89c595

File tree

2 files changed

+16
-3
lines changed

2 files changed

+16
-3
lines changed

_includes/header.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<header>
1+
<header class="scroll">
22
<div class="logo">
33
<div class="appIconShadow">
44
<svg width="0" height="0">
@@ -22,6 +22,7 @@
2222
{% if site.presskit_download_link %}
2323
<li><a href="{{ site.presskit_download_link }}">Press Kit</a></li>
2424
{% endif %}
25+
<li><a href="{{ page.url | relative_url }}">What's New</a></li>
2526
</ul>
2627
</nav>
2728
</header>

_sass/layout.scss

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -83,19 +83,31 @@ header {
8383
display: flex;
8484
}
8585

86+
.scroll {
87+
white-space: nowrap; /* [1] */
88+
overflow-x: auto; /* [2] */
89+
-webkit-overflow-scrolling: touch; /* [3] */
90+
-ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */
91+
}
92+
93+
.scroll::-webkit-scrollbar {
94+
display: none;
95+
}
96+
8697
.logo {
8798
display: flex;
8899
width: 100%;
89100
justify-content: flex-start;
90101
align-items: center;
91102
height: 115px;
103+
margin-right: 30px;
92104
}
93105

94106
.logo > p {
95107
color: $header-title-color;
96108
display: flex;
97109
font-weight: bold;
98-
padding-bottom: 1px;
110+
padding-bottom: 0px;
99111
}
100112

101113
.headerIcon {
@@ -124,7 +136,7 @@ nav > ul {
124136
}
125137

126138
nav > ul li {
127-
padding-left: 50px;
139+
padding-left: 30px;
128140
text-align: right;
129141
}
130142

0 commit comments

Comments
 (0)