From 1ec6c30c00e84cd799b815983572047820e29b14 Mon Sep 17 00:00:00 2001
From: "yongen.loong" <yongen.loong@aelf.io>
Date: Wed, 19 Jun 2024 15:51:39 +0800
Subject: [PATCH] feat: hide on mobile

---
 src/css/custom.css                           | 6 ++++++
 src/theme/Footer/Links/MultiColumn/index.tsx | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 4d985a7..0d0b77f 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -53,4 +53,10 @@
 
 .navbar__items [class^='iconExternalLink'] {
   display: none;
+}
+
+@media screen and (max-width: 996px) {
+  .mobile-hidden {
+    display: none;
+  }
 }
\ No newline at end of file
diff --git a/src/theme/Footer/Links/MultiColumn/index.tsx b/src/theme/Footer/Links/MultiColumn/index.tsx
index 6ecc25c..d1804f3 100644
--- a/src/theme/Footer/Links/MultiColumn/index.tsx
+++ b/src/theme/Footer/Links/MultiColumn/index.tsx
@@ -38,7 +38,7 @@ export default function FooterLinksMultiColumn({
 }: Props): JSX.Element {
   return (
     <div className="row footer__links">
-      <div className="col footer__col">
+      <div className="col footer__col mobile-hidden">
         <img src="/img/Logo.aelf.svg" />
       </div>
       {columns.map((column, i) => (