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.

[tabung]

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 ? : }

react

• Home
• Company
• Resources
• About
• Contact

</div>

); };

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); };