diff --git a/src/components/HeaderNav.tsx b/src/components/HeaderNav.tsx
index c259470..ec96ccc 100644
--- a/src/components/HeaderNav.tsx
+++ b/src/components/HeaderNav.tsx
@@ -13,6 +13,7 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
const [hoveredNavItem, setHoveredNavItem] = useState("");
const [hoveredSubNavItem, setHoveredSubNavItem] = useState("");
const [isDropdownOpen, setIsDropdownOpen] = useState([""]);
+ const [isSubDropdownOpen, setIsSubDropdownOpen] = useState("");
const dropdownRef = useRef(null);
const toggleDropdown = (section: string[]) => {
@@ -93,13 +94,14 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
setIsSubDropdownOpen(`${index}-${subLinkIdx}`)}
>
{subLink.text}
{subLink.child.map((subLink2: any, subLinkIdx2: number) => (
-
diff --git a/src/components/HeroOther.tsx b/src/components/HeroOther.tsx
index e66fd35..e8de9a0 100644
--- a/src/components/HeroOther.tsx
+++ b/src/components/HeroOther.tsx
@@ -16,14 +16,14 @@ const shareIcons: Record = {
export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) {
return (
-
+
{/* */}
{/* */}
-
+
{title ?? ""}
diff --git a/src/utils/toggleMobileMenu.ts b/src/utils/toggleMobileMenu.ts
index f1ecc2e..580da85 100644
--- a/src/utils/toggleMobileMenu.ts
+++ b/src/utils/toggleMobileMenu.ts
@@ -4,7 +4,7 @@ export const toggleMobileMenu = () => {
const desktop_nav = document.querySelector(".desktop-nav");
if (desktop_nav.classList.contains("js-opened")) {
- desktop_nav.style.maxHeight = "0px";
+ desktop_nav.style.maxHeight = "";
desktop_nav.classList.remove("js-opened");
mobile_nav.classList.remove("active");
} else {
@@ -18,7 +18,7 @@ export const closeMobileMenu = () => {
const desktop_nav = document.querySelector(".desktop-nav");
if (desktop_nav.classList.contains("js-opened")) {
- desktop_nav.style.maxHeight = "0px";
+ desktop_nav.style.maxHeight = "";
desktop_nav.classList.remove("js-opened");
mobile_nav.classList.remove("active");
}