diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index d35d9a914..a041c1f70 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -6318,3 +6318,9 @@ div.markdown {
 .popover-bio-div::-webkit-scrollbar {
 	background: transparent;
 }
+
+@media (max-width: 768px) {
+	.d-mob-none {
+		display: none !important;
+	}
+}
diff --git a/files/templates/authforms.html b/files/templates/authforms.html
index acd266945..6f0ea7392 100644
--- a/files/templates/authforms.html
+++ b/files/templates/authforms.html
@@ -53,7 +53,7 @@
 
 						</div>
 
-						<div class="col-12 col-md-6 d-none d-md-block">
+						<div class="col-12 col-md-6 d-mob-none">
 
 								<div class="splash-wrapper">
 
diff --git a/files/templates/comments.html b/files/templates/comments.html
index 5b23a59fb..2cc6db04c 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -27,7 +27,7 @@
 {% if c.is_blocking and not c.ghost or (c.is_banned or c.deleted_utc) and not (v and v.admin_level >= PERMS['POST_COMMENT_MODERATION']) and not (v and v.id==c.author_id) %}
 
 	<div id="comment-{{c.id}}" class="comment">
-			<span class="comment-collapse-desktop d-none d-md-block" style="border-left: 2px solid #{{c.author.name_color}}"onclick="collapse_comment('{{c.id}}', this.parentElement)"></span>
+			<span class="comment-collapse-desktop d-mob-none" style="border-left: 2px solid #{{c.author.name_color}}"onclick="collapse_comment('{{c.id}}', this.parentElement)"></span>
 
 			<div class="comment-body">
 
@@ -48,7 +48,7 @@
 						{{single_comment(reply, level=level+1)}}
 					{% endfor %}
 				{% elif replies %}
-					<button id="btn-{{c.id}}" class="d-none d-md-block btn btn-primary mt-3" onclick="morecomments('{{c.id}}')">More comments</button>
+					<button id="btn-{{c.id}}" class="d-mob-none btn btn-primary mt-3" onclick="morecomments('{{c.id}}')">More comments</button>
 					<a class="d-md-none" href="{{c.morecomments}}">More comments <i class="fas fa-long-arrow-right ml-1"></i></a>
 				{% endif %}
 			</div>
@@ -111,7 +111,7 @@
 
 <div id="comment-{{c.id}}" class="anchor comment {% if standalone and level==1 %} mt-0{% endif %} {% if collapse or c.collapse_for_user(v,request.full_path) %}collapsed{% endif %}" style="{% if isreply %}padding-left:0!important;{% else %}border-left: 2px solid {% if c.ghost %}var(--primary){% else %}#{{c.author.name_color}};{% endif %}{% endif %}">
 	{% if not isreply %}
-		<span class="comment-collapse-desktop d-none d-md-block" style="border-left: 2px solid {% if c.ghost %}var(--primary){% else %}#{{c.author.name_color}}{% endif %}" onclick="collapse_comment('{{c.id}}', this.parentElement)"></span>
+		<span class="comment-collapse-desktop d-mob-none" style="border-left: 2px solid {% if c.ghost %}var(--primary){% else %}#{{c.author.name_color}}{% endif %}" onclick="collapse_comment('{{c.id}}', this.parentElement)"></span>
 	{% endif %}
 	<div class="comment-body">
 
@@ -485,7 +485,7 @@
 {% endif %}
 
 {% if v.admin_level >= PERMS['APPS_MODERATION'] and c.oauth_app %}
-	<a href="{{c.oauth_app.permalink}}/comments" class="dropdown-item list-inline-item d-none d-md-block text-primary"><i class="fas fa-code text-primary fa-fw"></i>API App</a>
+	<a href="{{c.oauth_app.permalink}}/comments" class="dropdown-item list-inline-item d-mob-none text-primary"><i class="fas fa-code text-primary fa-fw"></i>API App</a>
 {% endif %}
 							</ul>
 						{% endif %}
@@ -555,7 +555,7 @@
 					{{single_comment(reply, level=level+1)}}
 				{% endfor %}
 			{% elif replies %}
-				<button id="btn-{{c.id}}" class="d-none d-md-block btn btn-primary mt-3" onclick="morecomments('{{c.id}}')">More comments</button>
+				<button id="btn-{{c.id}}" class="d-mob-none btn btn-primary mt-3" onclick="morecomments('{{c.id}}')">More comments</button>
 				<a class="d-md-none" href="{{c.morecomments}}">More comments <i class="fas fa-long-arrow-right ml-1"></i></a>
 			{% endif %}
 		</div>
@@ -764,12 +764,12 @@
 			<div class="modal-body text-center">
 
 				<div class="py-4">
-					<i class="fas fa-trash-alt text-muted d-none d-md-block" style="font-size: 3.5rem;"></i>
+					<i class="fas fa-trash-alt text-muted d-mob-none" style="font-size: 3.5rem;"></i>
 				</div>
 
 				<div class="h4 d-md-none">Delete comment?</div>
 
-				<p class="d-none d-md-block">Your comment will be deleted everywhere on {{SITE_NAME}}.</p>
+				<p class="d-mob-none">Your comment will be deleted everywhere on {{SITE_NAME}}.</p>
 
 				<p class="text-muted d-md-none">Your comment will be deleted everywhere on {{SITE_NAME}}.</p>
 		
diff --git a/files/templates/delete_post_modal.html b/files/templates/delete_post_modal.html
index 94ba7d8c8..2f1e218d9 100644
--- a/files/templates/delete_post_modal.html
+++ b/files/templates/delete_post_modal.html
@@ -10,12 +10,12 @@
 			<div class="modal-body text-center">
 
 				<div class="py-4">
-					<i class="fas fa-trash-alt text-muted d-none d-md-block" style="font-size: 3.5rem;"></i>
+					<i class="fas fa-trash-alt text-muted d-mob-none" style="font-size: 3.5rem;"></i>
 				</div>
 
 				<div class="h4 d-md-none">Delete post?</div>
 
-				<p class="d-none d-md-block">Your post will be deleted everywhere on {{SITE_NAME}}.</p>
+				<p class="d-mob-none">Your post will be deleted everywhere on {{SITE_NAME}}.</p>
 
 				<p class="text-muted d-md-none">Your post will be deleted everywhere on {{SITE_NAME}}.</p>
 		
diff --git a/files/templates/errors/PCM/502.html b/files/templates/errors/PCM/502.html
index dbf7ac934..8c2da4808 100644
--- a/files/templates/errors/PCM/502.html
+++ b/files/templates/errors/PCM/502.html
@@ -104,7 +104,7 @@
 						</a>
 					</div>
 
-					<div class="flex-grow-1 d-fl d-none d-md-block pad">
+					<div class="flex-grow-1 d-fl d-mob-none pad">
 						<form class="form-inline search flex-nowrap mx-0 mx-lg-auto" style="margin-right: 40rem !important;" action="/search/posts/" method="get">
 							<input autocomplete="off" class="form-control w-100" type="search" placeholder="Search" aria-label="Search" name="q" value="">
 							<span class="input-group-append">
diff --git a/files/templates/errors/WPD/502.html b/files/templates/errors/WPD/502.html
index b09d8965b..0d3114411 100644
--- a/files/templates/errors/WPD/502.html
+++ b/files/templates/errors/WPD/502.html
@@ -104,7 +104,7 @@
 						</a>
 					</div>
 
-					<div class="flex-grow-1 d-fl d-none d-md-block pad">
+					<div class="flex-grow-1 d-fl d-mob-none pad">
 						<form class="form-inline search flex-nowrap mx-0 mx-lg-auto" style="margin-right: 40rem !important;" action="/search/posts/" method="get">
 							<input autocomplete="off" class="form-control w-100" type="search" placeholder="Search" aria-label="Search" name="q" value="">
 							<span class="input-group-append">
diff --git a/files/templates/errors/rDrama/502.html b/files/templates/errors/rDrama/502.html
index e2f306389..b6b0b9e29 100644
--- a/files/templates/errors/rDrama/502.html
+++ b/files/templates/errors/rDrama/502.html
@@ -104,7 +104,7 @@
 						</a>
 					</div>
 
-					<div class="flex-grow-1 d-fl d-none d-md-block pad">
+					<div class="flex-grow-1 d-fl d-mob-none pad">
 						<form class="form-inline search flex-nowrap mx-0 mx-lg-auto" style="margin-right: 40rem !important;" action="/search/posts/" method="get">
 							<input autocomplete="off" class="form-control w-100" type="search" placeholder="Search" aria-label="Search" name="q" value="">
 							<span class="input-group-append">
diff --git a/files/templates/header.html b/files/templates/header.html
index 0eb4d40a2..9af6d2bf6 100644
--- a/files/templates/header.html
+++ b/files/templates/header.html
@@ -89,7 +89,7 @@
 			{% endif %}
 			
 			{% if not request.path.startswith('/search/') %}
-				<div class="flex-grow-1 d-fl d-none d-md-block {% if not v %}pad{% endif %}">
+				<div class="flex-grow-1 d-fl d-mob-none {% if not v %}pad{% endif %}">
 					<form class="form-inline search flex-nowrap mx-0 mx-lg-auto" {% if err %}style="margin-right:40rem!important"{% endif %} action="{% if request.path.startswith('/search') %}{{request.path}}{% else %}/search/posts/{% endif %}" method="get">
 						<input autocomplete="off" class="form-control w-100" type="search" placeholder="{{search_placeholder}}" aria-label="Search" name="q" value="{{request.values.get('q', '')}}">
 						<span class="input-group-append">
diff --git a/files/templates/home.html b/files/templates/home.html
index f03a2136e..b00eb5b97 100644
--- a/files/templates/home.html
+++ b/files/templates/home.html
@@ -67,9 +67,9 @@
 			{% block navbar %}
 			<div class="d-flex align-items-center">
 				{% if request.path=='/catalog' %}
-					<a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Catalog View" class="btn btn-primary text-primary mx-2 d-none d-md-block" href="/?sort={{sort}}&t={{t}}&ccmode=false"><i class="fas fa-columns-3 mr-2 "></i>Catalog</a>
+					<a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Catalog View" class="btn btn-primary text-primary mx-2 d-mob-none" href="/?sort={{sort}}&t={{t}}&ccmode=false"><i class="fas fa-columns-3 mr-2 "></i>Catalog</a>
 				{% else %}
-					<a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Catalog View" class="btn btn-secondary mx-2 d-none d-md-block" href="/catalog?sort={{sort}}&t={{t}}&ccmode=false"><i class="fas fa-columns-3 mr-2 "></i>Catalog</a>
+					<a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Catalog View" class="btn btn-secondary mx-2 d-mob-none" href="/catalog?sort={{sort}}&t={{t}}&ccmode=false"><i class="fas fa-columns-3 mr-2 "></i>Catalog</a>
 				{% endif %}
 
 				{% if pins %}
diff --git a/files/templates/login.html b/files/templates/login.html
index 0028e905b..39711171d 100644
--- a/files/templates/login.html
+++ b/files/templates/login.html
@@ -66,7 +66,7 @@
 			</div>
 		</div>
 
-		<div class="col-12 col-md-6 d-none d-md-block">
+		<div class="col-12 col-md-6 d-mob-none">
 			<div class="splash-wrapper">
 				<div class="splash-overlay"></div>
 				<img alt="cover" loading="lazy" class="splash-img" src="{{'cover.webp' | asset_siteimg}}"></img>
diff --git a/files/templates/login_2fa.html b/files/templates/login_2fa.html
index 6bb3ce0ca..a19213d43 100644
--- a/files/templates/login_2fa.html
+++ b/files/templates/login_2fa.html
@@ -63,7 +63,7 @@
 
 		</div>
 
-		<div class="col-12 col-md-6 d-none d-md-block">
+		<div class="col-12 col-md-6 d-mob-none">
 
 				<div class="splash-wrapper">
 
diff --git a/files/templates/settings.html b/files/templates/settings.html
index 57c58885e..630c7e70a 100644
--- a/files/templates/settings.html
+++ b/files/templates/settings.html
@@ -41,7 +41,7 @@
 
 		<div class="mt-3">
 
-			<h1 class="d-none d-md-block">Settings</h1>
+			<h1 class="d-mob-none">Settings</h1>
 
 			<h2 class="h3 mt-5 d-md-none">Settings</h2>
 
diff --git a/files/templates/settings2.html b/files/templates/settings2.html
index 2eb32abd8..652b80e4d 100644
--- a/files/templates/settings2.html
+++ b/files/templates/settings2.html
@@ -9,7 +9,7 @@
 
 {% block subNav %}
 	{% if not request.path.startswith('/h/') %}
-		<div class="container-fluid bg-white sticky d-none d-md-block" style="padding-top: 50px; padding-bottom: 0 !important;">
+		<div class="container-fluid bg-white sticky d-mob-none" style="padding-top: 50px; padding-bottom: 0 !important;">
 			<div class="row box-shadow-bottom">
 				<div class="col">
 					<div class="container" style="padding-bottom: 0;">
@@ -130,4 +130,4 @@
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/files/templates/sign_up.html b/files/templates/sign_up.html
index a190edabc..a372980ab 100644
--- a/files/templates/sign_up.html
+++ b/files/templates/sign_up.html
@@ -105,7 +105,7 @@
 
 		</div>
 
-		<div class="col-12 col-md-6 d-none d-md-block">
+		<div class="col-12 col-md-6 d-mob-none">
 			<div class="splash-wrapper">
 				<div class="splash-overlay"></div>
 				<img alt="cover" loading="lazy" class="splash-img" src="{{'cover.webp' | asset_siteimg}}"></img>
diff --git a/files/templates/sign_up_failed_ref.html b/files/templates/sign_up_failed_ref.html
index 91a136056..a067727e8 100644
--- a/files/templates/sign_up_failed_ref.html
+++ b/files/templates/sign_up_failed_ref.html
@@ -33,7 +33,7 @@
 
 						</div>
 
-						<div class="col-12 col-md-6 d-none d-md-block">
+						<div class="col-12 col-md-6 d-mob-none">
 
 								<div class="splash-wrapper">
 
diff --git a/files/templates/sub/create_hole.html b/files/templates/sub/create_hole.html
index 199e30623..d9c488584 100644
--- a/files/templates/sub/create_hole.html
+++ b/files/templates/sub/create_hole.html
@@ -19,7 +19,7 @@
 
 			<div class="col col-md-6 p-3 py-md-0">
 
-				<h1 class="d-none d-md-block">Create a {{HOLE_NAME}}</h1>
+				<h1 class="d-mob-none">Create a {{HOLE_NAME}}</h1>
 
 				<h2 class="h3 d-md-none">Create a {{HOLE_NAME}}</h2>
 
diff --git a/files/templates/submission.html b/files/templates/submission.html
index 507b0a2bf..a2757d781 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -613,7 +613,7 @@
 
 				{% if not p.is_image and p.thumb_url and not p.embed_url %}
 				<div class="card-header bg-transparent border-0 d-none d-md-flex flex-row flex-nowrap pl-3 p-0">
-					<a rel="nofollow noopener noreferrer" href="{{p.realurl(v)}}" style="height: fit-content"{% if not v or v.newtabexternal %}target="_blank"{% endif %}><img loading="lazy" src="{{p.thumb_url}}" class="post-img d-none d-md-block" alt="Unable to load image"></a>
+					<a rel="nofollow noopener noreferrer" href="{{p.realurl(v)}}" style="height: fit-content"{% if not v or v.newtabexternal %}target="_blank"{% endif %}><img loading="lazy" src="{{p.thumb_url}}" class="post-img d-mob-none" alt="Unable to load image"></a>
 				</div>
 				{% endif %}
 
@@ -860,7 +860,7 @@
 					
 					{% if v %}
 
-					<div id="voting" class="voting d-none d-md-block mb-auto">
+					<div id="voting" class="voting d-mob-none mb-auto">
 						<div tabindex="0" role="button" onclick="vote('post', '{{p.id}}', '1')" class="post-{{p.id}}-up mx-auto arrow-up upvote-button post-{{p.id}}-up {% if voted==1 %}active{% endif %}"></div>
 
 						<span class="post-score-{{p.id}} score post-score-{{p.id}} {% if voted==1 %}score-up{% elif voted==-1%}score-down{% endif %}{% if p.controversial %} controversial{% endif %}" data-bs-toggle="tooltip" data-bs-placement="right" title="+{{ups}} | -{{downs}}"style="cursor: default">{{score}}</span>
@@ -869,7 +869,7 @@
 
 					{% else %}
 
-					<div id="voting" class="voting d-none d-md-block mb-auto">
+					<div id="voting" class="voting d-mob-none mb-auto">
 						<div tabindex="0" role="button" class="post-{{p.id}}-up arrow-up mx-auto" onclick="location.href='/login?redirect={{request.path | urlencode}}';">
 						</div>
 						<span class="post-{{p.id}}-score-none score text-muted{% if p.controversial %} controversial{% endif %}"{% if not p.is_banned %} data-bs-toggle="tooltip" data-bs-placement="right" title="+{{ups}} | -{{downs}}"{% endif %}style="cursor: default">{{score}}</span>
diff --git a/files/templates/submission_banned.html b/files/templates/submission_banned.html
index 42d60be5d..8340f9904 100644
--- a/files/templates/submission_banned.html
+++ b/files/templates/submission_banned.html
@@ -27,7 +27,7 @@
 														<div class="card-block my-md-auto">
 																<div class="post-meta text-left d-md-none mb-1">{% if p.over_18 %}<span class="badge badge-danger">+18</span> {% endif %}{% if p.is_banned %}removed by @{{p.ban_reason}} (Admin){% else %}[Deleted by user]{% endif %}</div>
 																<h5 class="card-title post-title text-left mb-0 mb-md-1">{{p.plaintitle(v)}}</h5>
-																<div class="post-meta text-left d-none d-md-block">{% if p.over_18 %}<span class="badge badge-danger">+18</span> {% endif %}{% if p.is_banned %}removed by @{{p.ban_reason}} (Admin){% else %}[Deleted by user]{% endif %}</div>
+																<div class="post-meta text-left d-mob-none">{% if p.over_18 %}<span class="badge badge-danger">+18</span> {% endif %}{% if p.is_banned %}removed by @{{p.ban_reason}} (Admin){% else %}[Deleted by user]{% endif %}</div>
 
 														</div>
 
@@ -55,7 +55,7 @@
 								<div class="row mb-2 p-3">
 										<div class="col-12">
 
-												<div class="post-actions d-none d-md-block">
+												<div class="post-actions d-mob-none">
 														<ul class="list-inline text-left mb-2">
 																<li class="list-inline-item"><a href="{{p.permalink}}"><i
 																						class="fas fa-comment-dots"></i>{{p.comment_count}} Comment{{'s' if p.comment_count != 1 else ''}}</a>
diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 8240edc4f..3e749c30a 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -200,7 +200,7 @@
 				{{p.realtitle(v) | safe}}
 			</a></h5>
 
-			<div class="post-actions mt-2 d-none d-md-block">
+			<div class="post-actions mt-2 d-mob-none">
 				<ul class="list-inline text-right d-flex">
 						{% if p.realbody(v, True) %}
 							<a class="list-inline-item" role="button" onclick="expandText('{{p.id}}')"><i class="fas fa-expand-alt mr-0 text-expand-icon-{{p.id}}"></i></a>
diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index 9c7cbae07..9a30d55ca 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -35,9 +35,9 @@
 
 {% block desktopUserBanner %}
 
-<div class="row d-none d-md-block">
+<div class="row d-mob-none">
 	<div class="col px-0">
-		<div class="jumbotron jumbotron-fluid jumbotron-guild d-none d-md-block" {% if FEATURES['USERS_PROFILE_BANNER'] %}style="background-image: url({{u.banner_url}})"{% endif %}>
+		<div class="jumbotron jumbotron-fluid jumbotron-guild d-mob-none" {% if FEATURES['USERS_PROFILE_BANNER'] %}style="background-image: url({{u.banner_url}})"{% endif %}>
 			<div class="jumbotron-overlay"></div>
 			<div class="w-100 my-3">
 				<div class="container-fluid nobackground">