Navicon positionieren

[franzsen]

Ich habe das Problem, daß ich das Navicon nicht in die rechte untere Seite bringe sondern es klebt einfach rechts mittig. Bei einem kleinem Monitor verschieben sich Überschrift und Navicon ineinander. Wahrscheinlich ist es wieder nur eine Kleinigkeit die ich übersehe.

header h1 {
	text-align: center;
	color: white;
	}
#navlink {
	position: relative;
	display: block;
	color: red;
	text-align: right;
	padding-right: 10px;
	padding-bottom: -10px;
	margin-top: -75px;
	text-decoration: none;
	visibility: hidden;
	}

<header>
	<h1>Buntes Allerlei</h1>
	<a id="navlink" title="Zum Menü" href="#mobilestart">☰ Menü</a>
</header>

Wie bringe ich das Navicon in die rechte unterste Ecke ohne Einfluß auf die Überschrift?

Link