Fixed titleBar menu toggle.

assets/css/main.scss

@@ -1511,10 +1511,16 @@
 
 				.toggle {
 					@include icon;
-					height: 4em;
+					height: 44px;
 					position: absolute;
 					top: 0;
-					width: 6em;
+					width: 64px;
+					background: _palette(accent1, bg);
+					color: _palette(accent1, fg-bold) !important;
+					display: block;
+					font-size: 18px;
+					line-height: 44px;
+					text-align: center;
 					border: 0;
 					outline: 0;
 
@@ -1524,27 +1530,6 @@
 					@else {
 						left: 0;
 					}
-
-					&:before {
-						background: _palette(accent1, bg);
-						color: _palette(accent1, fg-bold);
-						content: '\f0c9';
-						display: block;
-						font-size: 18px;
-						height: 44px;
-						line-height: 44px;
-						position: absolute;
-						text-align: center;
-						top: 0;
-						width: 64px;
-
-						@if _misc(header-side) == 'right' {
-							right: 0;
-						}
-						@else {
-							left: 0;
-						}
-					}
 				}
 			}
 

assets/js/main.js

@@ -124,7 +124,7 @@
 		// Title Bar.
 			$titleBar = $(
 				'<div id="titleBar">' +
-					'<a href="#header" class="toggle"></a>' +
+					'<a href="#header" class="toggle"><span class="fas fa-bars" title="Menu"></span></a>' +
 					'<span class="title">' + $('#logo').html() + '</span>' +
 				'</div>'
 			)