small-menu | : lollipop : A Web App powered by Express.js | Runtime Evironment library

I have a toggle button on my practice site. On click, it makes some transition and makes cross or X. I am using some CSS to make a cross with top and bottom lines and by hiding middle one. The problem is after transitions the middle line is not hiding and making some * like shape.

I tried visibility: none on middle one but it makes whole toggle button visible none.

I also tried by changing the middle line background color same as a cover background color but this is also not working.

In my django project, I am trying to build a menu for navigation on one single site. The navigation should be done by href="#about us" The menu has three sizes, one for big screens (PC), one for medium screens (Tablets), and one for small screens (Phones). The navigation works on PC size menu, but does not work on the other ones. To be clear, all of the menus redirects the user to something like mywebsite.com/info#about us, but just the PC menu actually scrolls the site. There, I fill the menus with some content from a database:

I have a menu on click will launch an animation using TimelineMax. When I click the menu it launches the menu and animation correctly. Even on close the animation fires correctly. However, I noticed when the animation is completed and the menu is "hidden" the menu is not actually hidden and it overlays the website. When this happens any links on the page are un clickable because the menu structure is covering it. For an example I removed the animation from two panels with the animation still present on everything else.You will see when you load the jsfiddle you do not see any links except the menu button. Once clicking the menu button the menu is displayed. When you close it you will see Contact and follow are still present. However, the other buttons even though you can not see them are still present.

I have tried a few variations of when you click the menu that has a class of opened hide nav container, but that does not work. SO based on my code is there away I the menu is no longer visible on close.

UPDATE Nav-link controls the animation but for showing you want I mean I removed the nav-link and placed nav-link1.

I'm starting to study spring boot and angularjs, I found the routing methods very interesting, but I noticed one that would be ideal for my situation, but I can not succeed.

I would like some help or explanation about what is wrong on this point.

When I start my routing configuration, I make an abstract state to call a layout that contains a data-ui-view and it will display the rest of my application. This layout has menus, header, footer ...

But for some reason it does not call my layout.html and the screen goes blank.

Routing: