diff --git a/resources/assets/js/components/Profile.vue b/resources/assets/js/components/Profile.vue
index 3c4bcc206..1f397f66a 100644
--- a/resources/assets/js/components/Profile.vue
+++ b/resources/assets/js/components/Profile.vue
@@ -511,8 +511,9 @@
 export default {
 	props: [
 		'profile-id',
+		'profile-layout',
 		'profile-settings',
-		'profile-layout'
+		'profile-username'
 	],
 	data() {
 		return {
@@ -541,6 +542,10 @@ export default {
 	beforeMount() {
 		this.fetchRelationships();
 		this.fetchProfile();
+		if(window.outerWidth < 576 && window.history.length > 2) {
+			$('nav.navbar').hide();
+			$('body').prepend('<div class="bg-white p-3 border-bottom"><div class="d-flex justify-content-between align-items-center"><div onclick="window.history.back();"><i class="fas fa-chevron-left fa-lg"></i></div><div class="font-weight-bold">' + this.profileUsername + '</div><div><i class="fas fa-chevron-right text-white fa-lg"></i></div></div></div>');
+		}
 	},
 
 	mounted() {
diff --git a/resources/views/profile/show.blade.php b/resources/views/profile/show.blade.php
index 5190a1ffb..ae29ff994 100644
--- a/resources/views/profile/show.blade.php
+++ b/resources/views/profile/show.blade.php
@@ -7,7 +7,7 @@
     </div>
 @endif
 
-<profile profile-id="{{$profile->id}}" :profile-settings="{{json_encode($settings)}}" profile-layout="{{$profile->profile_layout ?? 'metro'}}"></profile>
+<profile profile-id="{{$profile->id}}" profile-username="{{$profile->username}}" :profile-settings="{{json_encode($settings)}}" profile-layout="{{$profile->profile_layout ?? 'metro'}}"></profile>
 @if($profile->website)
 <a class="d-none" href="{{$profile->website}}" rel="me">{{$profile->website}}</a>
 @endif