diff --git a/_includes/2017/code-sponsor.html b/_includes/2017/code-sponsor.html
index 9aa4dfb0a..3234d0f5d 100644
--- a/_includes/2017/code-sponsor.html
+++ b/_includes/2017/code-sponsor.html
@@ -4,7 +4,7 @@
if (window.localStorage && window.localStorage._NOADS) return
var s=d.createElement('script'),r=d.getElementById(id)
s.async=true
- s.src='https://app.codesponsor.io/scripts/{{ site.data.codesponsor.id }}?theme=light&image=hide&height=100&width=300'
+ s.src='https://app.codesponsor.io/scripts/{{ site.data.codesponsor.id }}?theme=light&image=hide&height=100&width=319'
setTimeout(function(){r.parentNode.insertBefore(s,r)})
})(document, 'code-sponsor-embed')
diff --git a/_sass/2017/components/search-box.scss b/_sass/2017/components/search-box.scss
index 27d205c53..e0b9f70a3 100644
--- a/_sass/2017/components/search-box.scss
+++ b/_sass/2017/components/search-box.scss
@@ -13,10 +13,11 @@
height: 64px;
background: transparent;
border: 0;
- flex: 1 0 auto;
+ flex: 1 1 auto;
padding-left: 0;
font-weight: bold;
color: $base-head;
+ min-width: 48px;
&::placeholder {
font-weight: normal;
diff --git a/_sass/2017/components/site-header.scss b/_sass/2017/components/site-header.scss
index 1d47a02a5..3a11417d7 100644
--- a/_sass/2017/components/site-header.scss
+++ b/_sass/2017/components/site-header.scss
@@ -33,4 +33,11 @@
margin-top: 32px;
margin-bottom: -16px;
}
+
+ @media (max-width: 480px) {
+ & > .adbox {
+ margin-left: -16px;
+ margin-right: -16px;
+ }
+ }
}
diff --git a/_sass/2017/components/top-nav.scss b/_sass/2017/components/top-nav.scss
index 7c0ab0319..d0bb0d086 100644
--- a/_sass/2017/components/top-nav.scss
+++ b/_sass/2017/components/top-nav.scss
@@ -97,8 +97,10 @@
}
// Offset so it doesn't look misasligned
- & > .left > .home {
- position: relative;
- left: -16px;
+ @media (min-width: $area-width) {
+ & > .left > .home {
+ position: relative;
+ left: -16px;
+ }
}
}