menu-bot | simple bot that demonstrates a guided button flow | Bot library

I am having an issue keeping a footer at the bottom of the page. With the current code, the footer seems to be at the bottom of the screen (not bottom of the page). When I scroll, it doesn't stay at the bottom (see screenshots of page first loaded and page after scroll).

Below is my html code:

I am using mongoose version ^5.10.2 and I've been able to save data to the mongo Atlas database BUT I can not get the data down. When I try using:

I'm making a website that uses a group of images as a menu.

I was able to get one side to properly display the dropdown (slideout, in this case) menus. But even though both sides are identical, the other one does not display the menu on mouseOver.

I looked through the code for the last hour, and just can't find what is wrong.

Here is the jsFiddle.

Thanks :)

I am making a mega menu in WordPress that is giving me trouble. There should be four columns, and each column has a "heading" or top menu item. These headings have a gradient border on the bottom. The headings are also of different lenghts. The problem is that some of them span two lines and some don't. I can't for the life of me figure out how to get the wanted result.

The menu is generated by WordPress, so any change in HTML-code would have to go in a function or filter(?)

This is the current result (barebones code):

This is the wanted result:

Am trying to make a whole screen overlay, and just pop a single DOM above it, it is kind of web game tutorial which tell the user which button he should press.

Like the above image illustrate, am trying to hide everything under the overlay and only pop the red icon above it

What I've tried so far

I've added a div directly under the body tag (this will be the overlay) that will have a z-index greater that other elements in the page, and only the focused DOM will have a greater z-index than the overlay

Issue

This didn't work because am having a translate for the opts-container element, and remove this style is not an option for me because am using it all over the elements.

code (to illustrate)

I am currently working on a project with Django. The home / main page of the project is locked behind a login form. I have the background blurred with the login form on top of the blur and I am looking to remove that form and blur when the user logs in with a valid account.

Is this possible and where should I look, googling has turned up nothing.

the blur is applied via css.

Also is it possible to stop the user from interacting with the elements behind the blur until they log in?

thank you

home.html

So I am trying to use the same button to toggle on and off a side menu. However when I click the button nothing happens to the side menu. The code looks like it should work but I cannot figure out why it's not.

The menu should change height from 0 to 220px, the links from 0 to 1 opacity and from hidden to visible and the reverse when clocked again. But the only thing I can get to work is the hamburger animation on click. Any help?

I am trying to set a menu a specific size so that i have not to move the padding in case there is an user who has a tiny name (see the code below)

I tried with multiple display types and floats, i am a newbie to it and we do that in my class lesson sadly we can't use Bootstrap so everything is way harder to center.

Normally it should give this but the user can move (this is the current result of the code below without user name modifications :

.

I have some basic php for my later use since i will need to change the users but it's not truely realated to PHP

I have an off canvas menu in my header and I want it to be on the left of my title and little logo, but I just don't know how to do it or where to add anything into my CSS anymore since nothing seems to work. I already tried using float: left; and adjusted the left and right but it's only changing the things inside my menu, not the actual menu-botton and I've been trying for a several hours to get my airplane and title next to it but I just can't seem to get it to work even one bit.