NavBar isssu

[AslalSujath]

When i am open site bar in mobile view then i change view to web the site bar not hidden, so , its shown two menu in one page.

just add md:hidden on nav

[shakti177]

just add md:hidden on nav

On which tag be need to add this?

[mukand-mapara]

import React, { useState } from "react";
import { AiOutlineClose, AiOutlineMenu } from "react-icons/ai";

const Navbar = () => {
const [nav, setNav] = useState(false);

const handleNav = () => {
setNav(!nav);
};

return (

react

• Home


• Company


• Resources


• About


• Contact

{nav ? : }

<div
className={nav ? "fixed left-0 top-0 w-[60%] h-full border-r border-r-gray-900 bg-[#000300] ease-in-out duration-500"
: "fixed left-[-100%] ease-in-out duration-500"
}
>

react

• Home


• Company


• Resources


• About


• Contact

);
};

export default Navbar;
this the correct code to fix this issue

[HaiderABB]

you can keep the default state true, so you don't see the navbar as soon as it opens on a mobile

import React, { useState } from "react";
import { AiOutlineClose, AiOutlineMenu } from "react-icons/ai";

const Navbar = () => {
const [nav, setNav] = useState(true);

const handleNav = () => {
setNav(!nav);
};