Change menu

themes/classic/assets/css/custom.scss

@@ -0,0 +1,52 @@
+.nav_menu_box {
+	&.box_fixed {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		background: #fff;
+		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
+	}
+}
+
+#_desktop_top_menu {
+	> ul.top-menu {
+		> li.category {
+			> a {
+				font-size: 14px;
+				padding: 10px 5px;
+
+				@media (max-width: 1200px) {
+					font-size: 12px;
+				}
+			}
+
+			.sub-menu {
+				ul.top-menu {
+					&[data-depth='1'] {
+						margin: 0;
+
+						padding: 20px;
+						display: flex;
+						flex-direction: row;
+						flex-wrap: wrap;
+						gap: 10px 20px;
+
+						> li.category {
+							margin: 0;
+							flex: 1;
+
+							> a {
+								padding: 0;
+							}
+						}
+					}
+
+					&[data-depth='2'] {
+						margin-top: 10px;
+					}
+				}
+			}
+		}
+	}
+}