Found a more mobile friendly way to handle the titleBar toggle, preserving the larger touch area.

assets/css/main.scss

@@ -1511,16 +1511,10 @@
 
 				.toggle {
 					@include icon;
-					height: 44px;
+					height: 4em;
 					position: absolute;
 					top: 0;
-					width: 64px;
-					background: _palette(accent1, bg);
-					color: _palette(accent1, fg-bold) !important;
-					display: block;
-					font-size: 18px;
-					line-height: 44px;
-					text-align: center;
+					width: 6em;
 					border: 0;
 					outline: 0;
 
@@ -1530,6 +1524,26 @@
 					@else {
 						left: 0;
 					}
+
+					div {
+						background: _palette(accent1, bg);
+						color: _palette(accent1, fg-bold);
+						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"><span class="fas fa-bars" title="Menu"></span></a>' +
+					'<a href="#header" class="toggle"><div><span class="fas fa-bars" title="Menu"></span></div></a>' +
 					'<span class="title">' + $('#logo').html() + '</span>' +
 				'</div>'
 			)