Positioning objects in relation to the web page and each other

Hi, guys,

I am trying to implement a “Sandwich” menu.

To do that, I use a WebDialog. I had some trouble to position objects on the page in relation to the page and to each other.

I ended up with this solution (see DropBox link below)

https://www.dropbox.com/sh/eme3lyexkuju45q/AAADSO6cySJjxMKiXmAI6KL5a?dl=0

I have a feeling that there is a simpler way to do it. Any suggestions?

Thank you in advance.

VK