Hi! Just a quick help about navbars 😭🙏

Question

You can alreasy know whats the problem here:
https://code.sololearn.com/WQAsZ5g9912o/?ref=app

Answer 1

Octocat ,

Here I made some changes... hope it works 👍

.bar:nth-child(2) {
transform: translateY(-10px) rotate(0deg);
}

.hamburger.active .bar:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}

.hamburger.active .bar:nth-child(2) {
transform: translateY(-10px) rotate(-45deg);
}

https://code.sololearn.com/WGvDGhQ4jm3k/?ref=app

Answer 2

Octocat a quick fix might be as simple as changing ... line 47

margin: 7px 0;

to

margin: 2px 0;

Answer 3

Octocat
As Riya sis &BroFar sir said...
Continue..
There are many ways you can also they this..
https://code.sololearn.com/W2pKEdqxI6LK/?ref=app

https://code.sololearn.com/WU0cY8xTAFYI/?ref=app

https://code.sololearn.com/Whvm6dSlZl4n/?ref=app

https://code.sololearn.com/Wgt6IRyY7v0k/?ref=app

Answer 4

Octocat
Unclear question...
Plz can you describe more what is error you facing?

Answer 5

Hi Darpan kesharwani🇮🇳 sorry for that Unclear Question.

The thing is, when i click the bar or the “Hamburger Bar” it doesn’t make an “X” Shape or a Closing Shape. That’s every now Darpan! Thank you for Cooperating!

Answer 6

Thanks