I posted a question earlier, and for somereason this wouldn’t let me comment so I figured I would post again. My website is http://www.spencedesign.netau.net/singaporehomemenu.html. I have two problems that I have no Idea how to fix. First, originally without the javascript, my the actual menu not the button thing used to have the words where they are on the screen, but they were at the bottom of the box, and the box was above them. I don’t know how the javascript messed that up, but somehow it did, and I tried using margins and padding in all the spots that I could, and nothing worked. My other problem is that upon opening the page, I want the menu hidden until you click on it, I am not sure how to remedy that either. Sorry if this is a stupid question, I have only been learning html and css for a few weeks, and I have no idea about javascript. Thanks!
EDITED PROBLEM PLEASE HELP:
Sorry about not being clarifying. The box used to look like this (except formatted like the other one on the website) 1. See the links are on the bottom, and the top of the menu box is lined up with the top of the menu button. But instead as you can see the actual words are in the right spot, but the background of the box is shifted downward, and it is not just some simple padding or margin error. I fixed it, but it isn’t a proficient fix. I resorted to using postion absolute
To hide the menu initially, just give it the CSS property
display: none.