When the screen size is reduced, the hamburger icon appears, and clicking on it reveals the hamburger menu. I want to change this animation. Currently, it simply appears from the top, but I’d like to modify this. I haven’t figured out where exactly I can change this. I’ve tried using a GSAP animation, but Bootstrap overrides it and it doesn’t apply.
Here is Codepen link for my project.

I need to make the dropdown menu as this page without the content, that occupies all the width of the page. I also need to make all the “lorem” links of the menu central in the navbar. I’m not able to edit bootstrap classes so I can’t make this. How can I fix that? (please open it in full page, and i don’t know why with the code snipped the hover menu doesn’t work)

I’m stuck with this dilemma. I have a navbar (of which I’m attaching HTML and CSS code) to which I would like to add, on the far right, near the edge, two icons of two flags: an Italian one and an English one. These flags should be clickable and would call a JavaScript function.

I have a PHP file index.php containing a form with Bootstrap’s needs-validation class, but it seems that the validation isn’t being triggered upon form submission. Here’s my index.php file: