diff --git a/_includes/author-profile.html b/_includes/author-profile.html
index 9571b4a788fed..f7fdf8dcc5190 100644
--- a/_includes/author-profile.html
+++ b/_includes/author-profile.html
@@ -25,10 +25,10 @@ <h3 class="author__name">{{ author.name }}</h3>
     <ul class="author__urls social-icons">
       <!-- Font Awesome icons / Biographic information  -->
       {% if author.location %}
-        <li><i class="fa-solid fa-location-dot icon-pad-right" aria-hidden="true"></i>{{ author.location }}</li>
+        <li class="author__desktop"><i class="fa-solid fa-location-dot icon-pad-right" aria-hidden="true"></i>{{ author.location }}</li>
       {% endif %}
       {% if author.employer %}
-        <li><i class="fa fa-solid fa-building-columns icon-pad-right" aria-hidden="true"></i>{{ author.employer }}</li>
+        <li class="author__desktop"><i class="fa fa-solid fa-building-columns icon-pad-right" aria-hidden="true"></i>{{ author.employer }}</li>
       {% endif %}
       {% if author.uri %}
         <li><a href="{{ author.uri }}"><i class="fas fa-fw fa-link icon-pad-right" aria-hidden="true"></i>{{ site.data.ui-text[site.locale].website_label | default: "Website" }}</a></li>
diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss
index d6d836778ee35..dc1fc1dc17c19 100644
--- a/_sass/_sidebar.scss
+++ b/_sass/_sidebar.scss
@@ -125,6 +125,13 @@
   font-size: $type-size-5;
 }
 
+.sidebar .author__desktop {
+  display: none;
+  @media screen and (min-width: 1024px) {
+    display: block;
+  }
+}
+
 .author__pronouns {
   margin: 0;