feat: hide on mobile

AElfProject · Jun 19, 2024 · 1ec6c30 · 1ec6c30
1 parent d21d3f9
commit 1ec6c30
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git 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;
+  }
 }
diff --git 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) => (